@font-face {
	font-family: 'JosefinSans-Regular';
	src: url('../fonts/JosefinSans-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'JosefinSans-Bold';
	src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Apercu Bold';
	src: url('../fonts/Apercu\ Bold.otf') format('opentype');
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat-Bold';
	    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat-Medium';
	    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
	font-display: swap;
}

img {
	height: auto;
	max-width: 100%;
}

h2 {
	font-family: 'JosefinSans-Bold';	
	color: #002b49;
} 
h6 {
	font-family: 'JosefinSans-Bold';	
} 
p {
	font-family: 'JosefinSans-Regular';
	font-size: 18px;
}
#display_shops_amenities h5 {
	font-family: 'JosefinSans-Bold';	
	color: #002b49;
}
.bg-pe {
	background-image: url(../images/bg-1.png);
	background-size: cover;
	background-position: center;
}
.bg-db {
	background-image: url(../images/bg-2.png);
	background-size: cover;
	background-position: center;
}
.m-svg {
	top: 17%;right: 9%;width: 17vw;
}
#store-highlights h2, .parking-sec h2, .location-sec h2 {
	color: #d5ba8c;
}
.card-hp {
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

.grid-container {
    display: grid;
	grid-template-columns: 65% 35%;
    grid-template-rows: auto auto;
    gap: 3px;
    width: 100%;
    margin: auto;
  }

  .item {
	padding: 0;
	text-align: start;
	font-size: clamp(0.6875rem, 0.3336rem + 0.5831vw, 1.0625rem);
	font-family: 'JosefinSans-Regular';
  }

  .item1 {
	grid-row: 1;
	grid-column: 1; 
  }
  
  .item2 {
	grid-row: 1 / span 2;
	grid-column: 2; 
  }
  
  .item3 {
	grid-row: 2; 
	grid-column: 1; 
  }

.hap_desc {
    font-family: 'JosefinSans-Regular';
    line-height: 1.2;
    font-size: 14px;
    min-height: 105px;
}
.hap_title {
	min-height: 38px;
}
.readmore_cta {
	font-family: 'Apercu Bold';
	text-transform: uppercase;
	text-align: center;
	padding: 5px 20px;
	display: block;
	margin: auto;
	background-color: transparent;
	border: 2px solid #002b49;
	width: fit-content;
	font-size: 15px;
}

.readmore_cta:hover {
	border: 2px solid #002b49;
	background-color: #002b49;
	color: #fff;
}
.promo-desc {
	color: #fff;
	font-family: 'JosefinSans-Regular';
}

 /*directoryWraper*/
 .directoryWraper {
	position: relative;
	background-image: url(../images/bg-3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 100%;
	background-position: top;
	overflow: hidden;
	width: 100%;
	background-color: #eaeaec;
	}
  .directoryWraper .content-sec .itemBox h4 {
	color: #332e33;
	font-family: "JosefinSans-Bold";
	font-size: 15px;
	margin-bottom: 0;
  }
  .directoryWraper .container-fluid {
	max-width: 100%;
  }
  
  .directoryWraper .col-lg-3 {
	z-index: 10;
	position: relative;
  }
  .directoryWraper .section-title {
	padding-top: 3rem ;
  }
  .directoryWraper .sidebarar {
	padding-left: 80px;
	padding-right: 40px;
	text-align: left;
	position: relative;
  }
  .directoryWraper::after {
	position: absolute;
	background-color: #d5ba8c;
	left: 0px;
	content: "";
	width: 25%;
	height: 120%;
	top: -100px;
	z-index: 1;
  }
  .zooms button {
	width: 32px;
	height: 32px;
	line-height: 32px;
	background: #002b49;
	color: #fff;
	font-size: 16px;
	margin-bottom: 5px;
	display: block;
	padding: 0px;
	border-radius: 0;
  }
  .color-change {
	color: #002b49 !important;
  }
  /* This will remove the background color */
.no-bg::after {
	background-color: transparent !important;
	pointer-events: none;
  }
  
  /* This will set the width to 0 */
  .no-width::after {
	width: 0 !important;
  }
  .directoryWrapper .floorplan-active::after {
	background-color: none,
  }
  .directoryWraper .col-lg-3 .sidebarar h6 {
	text-align: left;
    font-family: "JosefinSans-Bold";
    color: #192846;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  .directoryWraper .content-sec .tab-pane .col-lg-4{
	display: none;
  }
  .directoryWraper .btn-onebtn {
	text-align: center;
	margin-top: 25px;
	margin-bottom:60px;
  }
  .directoryWraper .btn-onebtn a {
	border-radius: 50px;
	padding: 15px 40px;
	text-transform: uppercase;
	width: 230px;
	text-align: center;
	display: block;
	margin: auto;
  }
  
  .directoryWraper .sidebarar .nav .nav-link {
	font-family: "JosefinSans-Regular";
    font-size: 16px;
    color: #000;
    background: transparent;
    border-color: transparent;
    border-radius: 50px;
    text-align: start;
    padding: 0 10px;
	/* padding: 8px 0 8px 29px; */
  }
  .directoryWraper .sidebarar .nav .nav-link.active {
	background: #002b49;
    border-color: #002b49;
	color: #d5ba8c;
  }
  
  .directoryWraper .content-sec {
	position: relative;
	padding-left: 50px;
  }
  .directoryWraper .content-sec .itemBox {
    position: relative;
    text-align: center;
    margin: 0 20px 20px;
    overflow: hidden;
    cursor: pointer;
    background: #142948;
    padding: 10px;
  }
  .directoryWraper .content-sec .itemBox a {
	text-decoration: none;
  }
  .directoryWraper .content-sec .itemBox .imgBoxx {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 7px;
  }
  .directoryWraper .content-sec .itemBox .imgBoxx img {
	width: 100%;
	max-width: none;
	height: auto;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: scale3d(1.1, 1.1, 1);
  }
  .directoryWraper .content-sec .itemBox .imgBoxx:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
  }
  .directoryWraper .content-sec .itemBox h4 {
	color: #d5ba8c;
	font-family: 'JosefinSans-Bold';
    font-size: 14px;
	margin-bottom: 0;
  }
  .directoryWraper .content-sec .itemBox p {
	color: #d5ba8c;
	font-family: 'JosefinSans-Bold';
	margin-bottom: 0;
	font-size: 14px;
  }

  .storeHead .sore-nav {
	display: flex;
	justify-content: space-around;	
	gap: 0;
	max-width: 37vw;
	margin: auto;
	margin-bottom: 1.2rem;
	font-family: "JosefinSans-Bold";
  }
  .storeHead {
	margin-bottom: 35px;
  }
  .storeHead .sore-nav a {
	color: #332e33;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "JosefinSans-Bold";
    font-size: 18px;
    width: 100%;
    text-align: center;
  }
  .storeHead form {
	position: relative;
	max-width: 36vw;
	margin: auto;
  }
  .storeHead form .form-control {
    position: relative;
    background: transparent;
    border-color: #002b49;
    color: #332e33;
    font-family: "JosefinSans-Bold";
    font-size: 15px;
    height: 50px;
    border-radius: 50px;
    padding: 10px 20px;
}
  .storeHead form .form-control {
	position: relative;
	background: transparent;
	border-color: #002b49;
	color: #332e33;
	font-family: "JosefinSans-Bold";
	font-size: 17px;
	height: auto;
	border-radius: 50px;
	padding: 9px 8px 9px 0px;
	text-align: center;
	border: 3px solid #002b49;
  }
  .storeHead form .form-control:focus {
	box-shadow: none;
	outline: none;
  }
  .storeHead form .btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8px;
	background: transparent;
	border: none;
	font-size: 22px;
	color: #078a44;
  }
  .storeHead form .btn:focus {
	box-shadow: none;
	outline: none;
  }
  .eventsWrap {
	position: relative;
	background-color: #e9eee7;
	width: 100%;
  }
  .d-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .search-icon {
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	pointer-events: none;
  }
  sup {
	vertical-align: super;
	font-size: 15px;
	top: -.1em !important;
  }
  .quicklinks {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
  }
  .quicklinks li a {
	color: #fff;
	font-family: 'Montserrat-Medium';
	text-decoration: none;
	font-size: 15px;
  }
  .quicklinks li a:hover {
	color: #002b49;
  }
  .btn-one {
	text-decoration: none;
	color: #fff;
	background: #002b49;
	font-family: 'JosefinSans-Bold';
	padding: 12px 20px 10px;
	border-radius: 10px;
	
	border: none;
	text-align: left;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 1px;
  }
  .btn-one:hover {
	background: #000;
	color: #fff;
  }
  .db-blue {
	background-image: url(../images/bg-2.png);
	background-size: cover;
	background-position: center;
  }

  .icon-img {
    width: 60px;
    height: 58px;
    object-fit: contain;
	display: block;
	margin: auto;
  }

  .acc-card {
    text-align: center;
    background: #fff;
    border-radius: 23px;
    border: 3px solid #d5ba8c;
    padding: 1.3rem 0;
  }

  .g-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 3rem;
	max-width: 900px;
	margin: auto;
  }
  .acc-card h5 {
	min-height: 56px;
	font-family: 'JosefinSans-Bold';
	text-align: center;
  }
  .acc-card p {
    line-height: 1.2;
    font-size: 16px;
	margin-top: 10px;
	margin-bottom: 0;
  }
  .parking-sec h6 {
	color: #d5ba8c;
  }
  .parking-sec p {
	color: #fff;
  }
  .ic-wrap {
	width: 40px;
	height: 40px;
	object-fit: contain;
  }
    h5 {
	font-family: 'JosefinSans-Bold';
  }
  .info-contact {
	max-width: 521px;
    margin: auto;
    padding: 0;
  }


  .footer {
	background: #121212;
	position: relative;
	color: #fff;
	padding: 40px 0 0;
  }
  .footer .container-fluid {
	max-width: 1500px;
  }
  
  .footer h3 {
	font-family: 'Montserrat-Bold';
	font-size: 21px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 1rem;
	line-height: 1.2;
    text-align: center;
  }
  .footer .floowl {
	display: flex;
	justify-content: center;
	gap: 15px;
	align-items: center;
  }
  .footer .floowl a {
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
	border-radius: 50px;
	background: #fff;
	color: #2f2f33;
  }
  .footer .floowl a:hover {
	background: #002b49;
	color: #fff;
  }
  .quicklinks {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
  }
  .quicklinks li a {
	color: #fff;
	font-family: 'Montserrat-Medium';
	text-decoration: none;
	font-size: 15px;
  }
  .quicklinks li a:hover {
	color: #002b49;
  }
  .footer p {

	color: #fff;
	font-family: 'Montserrat-Medium';
	font-size: 13px;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 0;
	text-align: center;
  }
  .footer form {
	position: relative;
	margin-top: 20px;
  }
  .footer form .form-control {
	position: relative;
	border: none;
	color: #ffffffb2;
	background: transparent;
	font-family: 'Montserrat-Medium';
	font-size: 14px;
	font-weight: 400;
	color: #c1c1c1;
	line-height: 22px;
	text-align: left;
	display: block;
	width: 100%;
	padding: 10px 0px;
	height: 58px;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 10px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s;
  }
  .footer form .form-control:focus {
	outline: none;
	box-shadow: none;
  }
  .footer form .btn-primary {
	color: #000;
	background-color: #fff;
	font-family: 'Montserrat-Medium';
	border-color: #fff;
	border-radius: 0px;
	padding: 15px 28px;
  }
  
  .footer form .btn-primary:hover {
	color: #fff;
	background-color: #007030;
	border-color: #007030;
  }
  .footer .wavePor {
	display: flex;
	margin-top: 20px;
	gap: 25px;
	text-align: center;
	justify-content: center;
  }
  footer .container:after {
	content: none;
	display: unset;
  }
  footer .container:before {
	content: none;
	display: unset;
  }
  footer .row:before,   footer .row:after {
	content: none;
	display: unset;
  }
  .footer .wavePor a {
	text-decoration: none;
  }
  .footer .wavePor a img {
    width: 42px;
    height: auto;
  }
  .footer .wavePor a p {
	text-align: center;
	color: #fff;
	font-family: 'Montserrat-Medium';
	font-size: 9px;
	line-height: 26px;
	font-weight: 500;
	margin-bottom: 0;
  }

footer .bottom{color:#fff;font-weight:300;font-size:13px;font-family: 'Source Sans Pro', sans-serif;}
footer .bottom ul li a {
  color: #fff;
}

footer .bottom ul {
  display: inline-flex;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

footer .bottom ul li {
  display: unset;
  padding: 0 8px;
  color: #fff;
  line-height: normal;
}

footer .bottom ul li+li {
  border-left: 1px solid #fff;
}

footer .bottom .container {
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  margin-top: 32px;
}

@keyframes highlight-animation {
	0% { stroke: transparent; }
	50% { stroke: rgb(211, 82, 2);    filter: drop-shadow(2px 4px 6px rgb(23, 255, 23)); }
	100% { stroke: transparent; }
  }
  
  .rectangle-animate {
	animation: highlight-animation 2s ease-in-out infinite;
  }

  .map_marker {
	line-height: normal;
	font-family: "balanceblack";
	text-align: center;
	margin-bottom: 0;
	padding: 0;
	font-size: 14px;
	}
	.cont-marker {
	    display: flex;
	    align-items: center;
	  
	}
	.leaflet-right .leaflet-control {
	display: none !important;
	}
	.leaflet-control-container .leaflet-top .leaflet-control {
		margin-top: 0;
	}
	.leaflet-control-container .leaflet-left {
	    right: 1rem;
	    left: unset;
	    /* z-index: 99; */
	}
	.gtc-bg {
		background-image: url(../images/bg-4.png);
	background-size: cover;
	background-position: center;
	}
	.qr-div {
		color: #000;
		background-color: #ffffff;
		border: 3px solid #d5ba8c;
		padding: 1rem;
		border-radius: 10px;
		max-width: 352px;
	}
	.qr-div > p {
		color: #000;
	}
	p.ppaytxt {
		font-size: 13px;
		color: #4a4848;
		line-height: 1;
	
	}
	p.hh {
		font-family: 'JosefinSans-Bold';
	}
	.mx-qr {
		max-width: 150px;
	}
@media screen and (max-width: 600px) {
	p {
		font-size: 15px;
		line-height: normal;
	}
	.g-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
		max-width: 64vw;
	}
	.m-svg {
		top: 17%;
        right: 9%;
        width: 33vw;
	}
	.directoryWraper::after {
		display: none;
	  }
	  .storeHead .sore-nav {
		max-width: 100%;
	}
	
	  .storeHead form .form-control {
        font-size: 12px;
    }
	.directoryWraper .sidebarar {
        display: none;
    }
	.directoryWraper .content-sec {
		padding-left: 10px;
	}
	.storeHead form {
        position: relative;
        max-width: 100%;
        margin: auto;
    }
	.d-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
	.directoryWraper .content-sec .itemBox {			
        margin: 0 11px 14px;
		padding: 10px;
	}
	.info-contact {
		max-width: 80vw;
		margin: auto;
		padding: 0;
	}
	.footer {
		padding: 20px 10px;
	}
	.footer h3, .footer p {
		text-align: center;
	}
	.footer .wavePor, footer .floowl  {
		justify-content: center !important;
	}
	.qr-div {
		max-width: 100%;
	}
	.mx-qr {
		max-width: 42vw;
	}
	
}