@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
	font-display: swap;
	font-weight: 400;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
	font-display: swap;
	font-weight: 700;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
	font-display: swap;
	font-weight: 600;
}

@font-face {
	font-family: 'HelveticaNeueMedium';
	src: url('../fonts/HelveticaNeueMedium.otf') format('opentype');
	font-display: swap;
}

@font-face {
	font-family: 'Causten-SemiBold';
	src: url('../fonts/Causten-SemiBold.otf') format('opentype');
	font-display: swap;
}

body {
	background-color: #4a4a49;
}

main video {
    width: 100%;
    object-fit: cover;
    height: 100vh;
    object-position: 100% 63%;
    margin-bottom: -7px;
}
.poslogo {
	position: absolute;
    top: 19%;
    width: 100%;
    left: 0;
}

.logobbrx {
	width: 30vw;
    display: block;
    margin: auto;
}

.rweb {
	width: 85%;
}

h1 {
	font-family: 'Montserrat';
	font-weight: 700;
	letter-spacing: normal;
    font-size: 22px;
}
h2 {
	font-family: 'Montserrat';
	font-weight: 700;
	letter-spacing: normal;
    font-size: 22px;
}
h2 span {
	color: #ffcb00;
}

h4 {
	font-family: 'Montserrat';
	font-weight: 700;
	letter-spacing: normal;
    font-size: 18px;
    color: #fff;
}
h4 span {
    color: #ffcb00;

}

h5 {
	font-family: 'HelveticaNeueMedium';
	font-size: 18px;
}
.emp-hd {
	position: relative;
    width: fit-content;
    display: block;
    margin: auto;
	color: #ffcb00;
}
.emp-hd::after {
	content: '';
    position: absolute;
    bottom: -6px;
    left: 20%;
    width: 60%;
    height: 2px;
    background: #fff;
    border-radius: 0;
}
.bb1 {
	height: auto;
	object-position: top;
	object-fit: cover;
}
.brx-wrapper {
	margin-top: -4rem;
}
.txt-wrapper-1 {
	max-width: 59.3ch;
    margin: auto;
}
.bx-wrapper {
	margin-top: -15%;
	z-index: 0;
}
.content_wrapper_2 {
	width: 90%;
}

.content_wrapper_2 .accordion-item {
	background-color: transparent;
	border:0;
  }
  /* .accordion-button.collapsed   {
	border-bottom: 1.5px solid #ffca05;
  }
  .accordion-button:not(.collapsed)  {
	border-bottom: 1.5px solid #ffca05;
  } */
  .content_wrapper_2 .accordion-button.collapsed {
	border-bottom: 1.5px solid #ffca05;
  }
   .content_wrapper_2 .accordion-button {
	padding: 9px 0px;
	font-size: 18px;
	color: #fff;
	text-align: left;
	background-color: transparent;
	font-family: 'AzoSans';
	font-weight: 400;
	border: 0;
	/* border-bottom: 1.5px solid #ffca05; */
	border-radius: 0;
	overflow-anchor: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;	
	display: block;
	width: 100%;
	text-align: center;
}
.accordion-button:not(.collapsed)::after {
	background-image: none;
	transform: rotate(180deg);
	content: "\2212";

  }
.content_wrapper_2 .accordion-button:not(.collapsed)::after {

	transform: rotate(180deg);
	content: "";
	background-image: url('https://imagedelivery.net/TdjZsXzzZt_je48pBzV3SA/1299a599-c004-487a-e306-ba3213c6b400/400');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	top: 40%;

  }
.content_wrapper_2 .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
    }
    .accordion-button::after {
		content: "";
		float: right;
		display: block;
		position: absolute;
		right: 0%;
		top: 50%;
		transform: translateY(-50%);
		width: 14px;
		height: 14px;
		background-image: url('https://imagedelivery.net/TdjZsXzzZt_je48pBzV3SA/f18d0cd6-63a9-468c-a4d2-636206376f00/400');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;

    }
/* 
    .content_wrapper .accordion-button:not(.collapsed)::after {
	background-image: url(../images/minus.svg);
	transform: none;
  } */

    .accordion-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.4rem;
    }
    
    .accordion-header .line {
	height: 1px;
	flex: 0.8 0;
	background-color: #CA972B;
    }
    
    
    .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
    }
    
    .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
    }
    .accordion-item .card-body {
	padding: 0 0rem 0 3.3rem;
  }
    .content_wrapper_2 .accordion-button:focus {
	z-index: 3;
	border-color: none;
	outline: 0;
	box-shadow: none;
    }
    .acc_img {
	width: 60px;
	height: 43px;
	object-fit: contain;
    }
    .tdtitle {
	font-family: 'OpenSans-Regular';
	color: #fff;
    }
    .dist {
	font-family: 'OpenSans-Regular';
	color: var(--color-primary);
	width: 65px;
	display: block;
    }
    .cc_line {
	font-family: 'Montserrat';
	font-weight: 700;
	font-size: 14px;
	height: 100%;
	display: block;
	text-align: left;
	padding: 13px 11px;
	border-bottom: 0;
	color: #ffcc03;
    }
	.add-glowanim {
		animation: shadowPulse2 2s infinite ease-in-out;
	}

	.location-group {
		padding: 6px 0;
		border-bottom: 1px solid #ffcc03;
		font-family: 'Montserrat';
		font-weight: 700;
		font-size: 13px;
		color: #fff;
	  }
	  
	  .location-group:not(:last-child) {
		margin-bottom: 10px;

	  }
	  
	  .location-group:last-child {
		border-bottom: none;
	  }
	  .xxsec::before {
		content: "";
		position: absolute;
		bottom: 4%;
		right: 0;
		width: 18vw;
		height: 63vh;
		background: url(../images/xlayer.png?v2);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: -1;
	  }
	  .dgrid {
	    display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	  }
	  .dg-wrapper {
		background-color: #00b0b2;
		margin: 5px;
	  }
	@keyframes shadowPulse2 {
		0% {
			filter: drop-shadow(0px 0px 0.2px #000);
		}
		50% {
			filter: drop-shadow(0px 0px 10px #ffca05);
		}
		100% {
			filter: drop-shadow(0px 0px 0.2px #000);
		}
	}
	.dg-txt-wrapper {
		margin-top: -1.5rem;
		width: 100%;
	    padding: 15px;
	}
	.dg-txt {
	    font-family: 'Montserrat';
    font-weight: 700;
    color: #000;
    font-size: 11px;
	}
	.reg_sec {
		background-image: url(https://imagedelivery.net/TdjZsXzzZt_je48pBzV3SA/bff6e4c1-8bc2-496c-742b-2b2ec5512600/1920);
		background-size: cover;
		/* height: 90vh; */
		display: grid;
		align-items: center;
	  
	  }
	  .reg-txt  {
		font-family: 'Montserrat';
		font-weight: 700;
	  }
	  #frmLeadGen .form-control {
		border: 2px solid #000;
		border-radius: 0;
		color: #000;
		font-family: 'Montserrat';
		font-weight: 700;
	  }

	  .radiocont {
		position: relative;
		padding-left: 35px;
		  padding-right: 10px;
		margin-bottom: 12px;
		cursor: pointer;
		font-size: 13px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		  color: #fff;
		  width: max-content;
		  font-family: 'Montserrat';
		  font-weight: 700;
	  }
	  
	  .radiocont a {
		  color: #fff;
		  text-decoration: underline;
	  }
	  /* Hide the browser's default radio button */
	  .radiocont input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	  }
	  
	  /* Create a custom radio button */
	  .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: #eee;
		border-radius: 0;
	  }
	  
	  /* On mouse-over, add a grey background color */
	  .radiocont:hover input ~ .checkmark {
		background-color: #ccc;
	  }
	  
	  /* When the radio button is checked, add a blue background */
	  .radiocont input:checked ~ .checkmark {
		background-color: #ffcb05;
	  }    
	  
	  /* Create the indicator (the dot/circle - hidden when not checked) */
	  .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	  }
	  
	  /* Show the indicator (dot/circle) when checked */
	  .radiocont input:checked ~ .checkmark:after {
		display: block;
	  }
	  
	  /* Style the indicator (dot/circle) */
	  .radiocont .checkmark:after {
		   top: 4.5px;
		  left: 4.5px;
		  width: 15px;
		  height: 15px;
		  border-radius: 0;
		  background: white;
	  }

	  #frmLeadGen .form-control::placeholder {
		color: #000;
		opacity: 1; /* Firefox */
	  }
	  
	  #frmLeadGen .form-control::-ms-input-placeholder { /* Edge 12 -18 */
		color: #000;
	  }
	  .ft-txt {
		font-family: 'Montserrat';
		font-weight: 700;
		color: #ffcb05;
	  }
	  .ft-txt2 {
		font-family: 'Montserrat';
		font-weight: 700;
		color: #ffffff;
	  }
	  .submit-cta {
		border: 0;
		border-radius: 30px;
		background: #00b0b2;
		padding: 11px 43px;
		font-family: 'Montserrat';
		font-weight: 700;
		border: 3px solid transparent;
	  }
	  .submit-cta:hover {
		box-shadow: 0 0 3px #00b0b2, 0 0 5px #00b0b2, 0 0 9px #00b0b2;
		border: 3px solid #fff;
	  }
	  .amen-sect h2 {
		color: #ffcb00;
	  }
	  .amen-sect h2 span {
		color: #a6a8ab;
	  }
	  .bx-wrap {
		max-width: 50vw;
		margin: auto;
	  }
	  .bg-br {
        background-color: #ffca05;
        color: white;
		font-family: 'Montserrat';
		font-weight: 700;
        cursor: pointer;
        color: #fff;
        width: 30px;
        height: 30px;
        border-radius: 50px;
      }
	  .hystmodal__window {
        width: 750px;
		max-width: max-content;
		padding: 0;
    }
    .zz-btn {
        top: 1rem;
		left: 0;
        flex-direction: column;

    }
    .hystmodal--active {
        z-index: 99999 !important;
    }
	#masterplanpopup .hystmodal__close {
		position: absolute;
		z-index: 10;
		top: 15px;
		right: 15px;
		display: block;
		width: 25px;
		height: 25px;
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
		background-size: 100% 100%;
		border: none;
		font-size: 0;
		cursor: pointer;
		outline: none;
	}

	#masterplanpopup .hystmodal__window{
		background: #4a4a49;
	}
	#locationpopup .hystmodal__close {
		position: absolute;
		z-index: 10;
		top: 15px;
		right: 15px;
		display: block;
		width: 25px;
		height: 25px;
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
		background-size: 100% 100%;
		border: none;
		font-size: 0;
		cursor: pointer;
		outline: none;
	}

	#locationpopup .hystmodal__window{
		background: #4a4a49;
	}

	.dd-wrapper {
		display: grid;
		grid-template-columns: auto auto auto;
		width: 100%;
	}
	.acc-wrapper {
		padding-left: 4rem;
	}
	.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, #00000047, transparent);
    width: 100%;
    height: 28vh;
    pointer-events: none;
    }
	     .shadowPulse1a {		
				   animation: shadowPulse1a 2s infinite ease-in-out;            
			-webkit-animation: shadowPulse1a 2s infinite ease-in-out; 			
		 }
		          @keyframes shadowPulse1a {
		          	0% {
		          		-webkit-filter: drop-shadow(0px 0px 0.2px #000);
		          		filter: drop-shadow(0px 0px 0.2px #000);
		          	}
		
		          	50% {
		          		-webkit-filter: drop-shadow(0px 0px 10px #ffca05);
		          		filter: drop-shadow(0px 0px 10px #ffca05);
		          	}
		
		          	100% {
		          		-webkit-filter: drop-shadow(0px 0px 0.2px #000);
		          		filter: drop-shadow(0px 0px 0.2px #000);
		          	}
		          }

.scrolldown {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	align-content: center;
	bottom: 2%;
	height: 100%;
	position: relative;
	transition-delay: 10s;
	transition-duration: 10s;
  }
  
  .first_arrow {
	width: 1.5em;
	height: 1.5em;
	background-color: transparent;
	z-index: 80;
	bottom: 13%;
	position: absolute;
	border-width: 0 0.25em 0.25em 0;
	border-style: solid;
	border-color: antiquewhite;
	animation: scrolldown 1.2s ease-in-out infinite 0.15s;
	z-index: 999999;
  }
  .sec_arrow {
	width: 1.5em;
	height: 1.5em;
	background-color: transparent;
	z-index: 80;
	bottom: 10.5%;
	position: absolute;
	border-width: 0 0.25em 0.25em 0;
	border-style: solid;
	border-color: antiquewhite;
	animation: scrolldown 1.2s ease-in-out infinite 0.15s;
	z-index: 999999;
  }
  .cjbc label {
    display: inline-block;
    color: #fff;
    font-size: 12px;
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 11px;
}
.capt-bl {
	font-size: 11px;
}
 .pulsing {
	/* animation: pulsing 2.5s linear infinite; */
	 animation: pulsing 2.5s infinite, glowPulse 1.5s infinite;
	}
	@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 #20f0ff);
  }
}
@media only screen and (max-width: 800px) {
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 18px;
	}
	h4{
		font-size: 15px;
	}
	h5 {
		font-size: 14px;
	}
	.logobbrx {
		width: 86vw;
	}
	main video {
		height: 70vh;
		object-position: center;
	}
	/* .dgrid {
	    display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	  } */
	  .dgrid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		
		gap: 10px;
	}
	
	
	  .rweb {
		width: 100vw;
		margin: auto;
		padding: 0 10px;
	}
	.bb1 {
		height: 49vh;
		object-position: top center;
		object-fit: cover;
	}
	.bx-wrap {
		max-width: 100%;
		margin: auto;
	}
	.content_wrapper_2 {
		width: 100%;
	}
	.xxsec::before {
		content: "";
		position: absolute;
		bottom: -18%;
		right: 0;
		width: 100vw;
		height: 78vh;
		background: url(../images/xlayer.png);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: -1;
	}
	.dd-wrapper {
		grid-template-columns: auto auto;
	}
	.cc_line {		
		font-size: 3.7vw;
        padding: 14px 8px;	
	}
	.location-group {
		font-size: 10px;	
	}
	#masterplanpopup .zz-btn {
        top: -2rem;
        left: 1rem;
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }
	#locationpopup .zz-btn {
        top: -2rem;
        left: 1rem;
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }
	#frmLeadGen .form-control {
		font-size: 14px;
	}
	.radiocont {
		font-size: 13px;
	}
	.hystmodal__window {
		max-width: fit-content;
	}

}