@font-face {
	font-family: "Nunito";
	src: url(../fonts/Nunito-VariableFont_wght.woff2) format("woff2"), url(../fonts/Nunito-VariableFont_wght.woff) format("woff");
	font-weight: 200 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "IvyOraText";
	src: url(../fonts/IvyOraText-Thin.woff2) format("woff2"),
		url(../fonts/IvyOraText-Thin.woff) format("woff");
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IvyOraText";
	src: url(../fonts/IvyOraText-Light.woff2) format("woff2"),
		url(../fonts/IvyOraText-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IvyOraText";
	src: url(../fonts/IvyOraText-Regular.woff2) format("woff2"),
		url(../fonts/IvyOraText-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IvyOraText";
	src: url(../fonts/IvyOraText-Medium.woff2) format("woff2"),
		url(../fonts/IvyOraText-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "IvyOraText";
	src: url(../fonts/IvyOraText-Bold.woff2) format("woff2"),
		url(../fonts/IvyOraText-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "CorporativeSan";
	src: url(../fonts/CorporativeSansRegular.woff2) format("woff2"),
		url(../fonts/CorporativeSansRegular.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "CorporativeSan";
	src: url(../fonts/CorporativeSansMedium.woff2) format("woff2"),
		url(../fonts/CorporativeSansMedium.woff) format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "CorporativeSan";
	src: url(../fonts/CorporativeSansBold.woff2) format("woff2"),
		url(../fonts/CorporativeSansBold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: "IvyOraText";
	font-weight: 400;
	background: #2B2317;
}

p {
	font-family: "CorporativeSan";
	font-weight: 400;
}

/* Nav */
#navbarserenade #navbarserenade-inner {
	max-width: 100%;
	margin: 0 auto;
}


#navbarserenade.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

#navbarserenade.is-minimized {
	transform: translateY(-65px);
}

#navbarserenade.is-maximized {
	transform: none;
}

#navbarserenade .top-section {
	background: none;
}

#navbarserenade .bottom-section {
	background: none;

}

.active-dropdown {
	color: #deb497;
}


.mobile-menu {
	transform: translateX(100%);
	transition: 0.3s;
}

.mobile-menu.slide-in {
	transform: none;
}

.mobile-menu a {
	margin-top: 1.25rem;
}

.nav-down {
	top: 0;
}

.nav-up {
	top: -40px;
}

.btmNav {
	background: #231B12;
	color: #fff;
	display: flex;
	top: 64px;
	position: absolute;
	width: 100%;
	font-size: 0.8rem;
	box-shadow: rgb(0 0 0 / 3%) 0px 14px 28px, rgb(0 0 0 / 4%) 0px 10px 10px;
	font-family: "Nunito";
	font-weight: 400;
}

.btmNav .logo {
	background-color: #231B12;

	width: 15%;
	display: flex;
	align-items: center;
	justify-content: center
}

.btmNav .logo a img {
	height: 37px;
	object-fit: contain;
}

.btmNav .logo a {
	color: #FFF;
	text-decoration: none;

}

.showbb {
	display: inline-block !important;
}

.btmNav ul {
	margin: 0;
	display: flex;
	align-items: center;
	margin-left: 10px;
	justify-content: space-evenly;
	width: 60%;
}

.btmNav ul li {
	list-style: none;
}

.btmNav ul li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	text-transform: capitalize;

}


.regBtn {
	background: #b9b4ae;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 9px;
	cursor: pointer;
	color: #fff;
	width: 12%;
	font-family: "Nunito";
	font-weight: 400;
	font-size: 16px
}

.regBtn a {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 7px;
	color: #fff;
}

.topnav {
	overflow: hidden;
	background-color: #eee;
}

.topnav a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 13px 16px;
	text-decoration: none;
	font-size: 17px;

}

.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav .logo {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 7px 10px 3px 10px;
	margin-top: 2px;
	text-decoration: none;
	font-size: 17px;
}

.topnav .logo img {
	width: 166px;
	height: auto;
}



.topnav button {
	display: none;
}


.dropdown-content {
	display: flex;
	width: 100%;
	justify-content: space-evenly;
}

.dropdown {
	display: flex;
	width: 61%;
	justify-content: flex-end;
	margin-left: auto;
}

.dropdown a {
	cursor: pointer;
	display: flex;
	height: 53px;
	align-items: center;
	justify-content: center;
	font-family: "Nunito";
	font-weight: 400;
	font-size: 0.7rem;
	letter-spacing: 0.2em;
}

.dropbtn {
	display: none;
}


.navContainer {
	width: 100%;
	display: flex;
}

#topBtn.showbb {
	opacity: 1;
	visibility: visible;
	cursor: pointer;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/* General */
main {
	margin-top: 0%;
	text-align: center;
	color: #fff;
	z-index: 2;
	position: relative;
}

h1 {
	font-family: "IvyOraText";
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 0.125em;
}

.main-header {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	display: flex;
	justify-content: center;

}

.mhbox p {
	font-family: "CorporativeSan";
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.232em;
}

.extended {
	margin-top: -16%;
	z-index: 0;
	position: relative;

}

.regcta:hover, .submit-btn:hover {
	background: #E1DBCB;
	color: #2B2317;
}
.regcta {
	background-color: #221912;
	color: #E1DBCB;
	font-family: "IvyOraText";
	font-weight: 400;
	letter-spacing: 0.15em;
	padding: 10px 25px;
	transition: 0.7s background ease,  0.7s color ease;
}

.main-extended {
	color: #fff;
	text-align: center;
}

h2 {
	font-family: "IvyOraText";
	font-size: 2.15rem;
	font-weight: 400;
	letter-spacing: 0.15em;
	color: #E8BE7D;
}

p.tagsub.custom {
	margin-bottom: 0;
	line-height: 2;
}
p.tagsub {
	font-family: "CorporativeSan";
	letter-spacing: 0.5em;
	font-size: 0.8rem;
	margin-bottom: 1.5rem;
}

.max1 {
	max-width: 59ch;
	margin: auto;
}

.lightbg {
	background: #EDE9DF;
}

.lightbg h2 {
	color: #2B2317;
}

.max2 {
	max-width: 56ch;
	margin: auto;
}

.max3 {
	max-width: 87dvi;
}

h3 {
	font-size: 0.93rem;
	font-family: "CorporativeSan";
	font-weight: 700;
}

.rfitem {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	position: relative;
}

.f1img {
	width: 40vw;
	padding: 10px;

}

.max4 {
	max-width: 30ch;
}

.rf_details p {
	font-size: 0.9rem;
}

.liwrap {
	margin-top: 1rem;
}

.locimg {
    width: 2.84vw;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.loc-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: fit-content;
    padding: 10px 0;
    gap: 21px;
    width: 100%;
    margin: auto;
    justify-content: flex-start;
}

.lcheadline {
	margin: 0;
	color: #E8BE7D;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.75rem;
}

ul.distance_con {
	margin: 0 0 0 24%;
	padding: 0px;
}

.distance_con {
	list-style-type: square;
	color: #E8BD7C;
}

.conntxt {
	color: #fff;
	font-size: 0.9rem;
	margin: 0;
}
.location-info {
    width: fit-content;
}
.rf_details p {
	margin: 0;
}
.regform {
	background: #231B12;
}
#frmLeadGen input[type="text"],#frmLeadGen input[type="tel"],#frmLeadGen input[type="email"] {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .7rem;
    display: block;
    width: 100%;
    max-width: 32rem;
    background-color: #fff;
    padding-top: .35rem;
    padding-bottom: .35rem;
    padding-left: 1.1rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #231B12;
    border-radius: 0;
    text-align: center;
			font-family: "CorporativeSan";
			font-weight: 400;
			letter-spacing: 0.15em;
}

#frmLeadGen input[type="text"]::placeholder,#frmLeadGen input[type="email"]::placeholder,#frmLeadGen input[type="tel"]::placeholder {
    color: #231B12;
    text-align: center;
		text-transform: uppercase;
}


label.checkbox-label {
	font-size: 0.78rem;
	max-width: 32rem;
	line-height: 1.5;
	color: #fff;
			font-family: "CorporativeSan";
			font-weight: 400;
}
.submit-btn {
	color: #E1DBCB;
	background: #2B2317;
	display: flex;
	align-items: center;
	width: fit-content;
	margin:  auto;
	padding: 15px 50px;
	line-height: 0.8;
	font-weight: 400;
	letter-spacing: 0.15em;
	font-style: normal;
	border: 0;
	font-size: 1.2rem;
		transition: 0.7s background ease,  0.7s color ease;
}
.sg_wrapper p strong {
	letter-spacing: 0.25em;
	color: #E1DBCA;
	font-weight: 500;
	font-size: 0.9rem;

} 
.sg_wrapper p {
	color: #E1DBCA;
	margin: 0;
}
.btn-panzoom-pos {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.pzbtn {
    background: #201910;
    color: #b9b4ae;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-family: 'Nunito';
}
.imgcover {
    overflow: hidden;
		
}

.slide-image {
 transform: scale(1.2);
		
}
/* .rfitem {
  position: relative;
  overflow: hidden;
}

.f1img {
  display: block;
  width: 100%;
} */
@media screen and (min-width:1024px) {
	.btmNav .logo {
    background-color: #231B12;
    width: 7dvi;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 7dvi;
    top: 0;
    left: 0;
}
.btmNav .logo a img {
    height: 5dvi;
}
.dropdown a {
	position: relative;
}
.dropdown a.active-dropdown::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ddd;
				position: absolute;
        bottom: 10px;
        left: 0;
        right: 0;
        margin: auto;
				pointer-events: none;

}
}
.mplogo {
  animation: logoGlow 2s infinite ease-in-out;
}

@keyframes logoGlow {
  0% {
    transform: scale(1);
    filter: drop-shadow(0px 0px 5px #ffaa5b);
  }

  50% {
    transform: scale(1.08);
    filter: drop-shadow(0px 0px 10px #ffaa5b);
  }

  100% {
    transform: scale(1);
    filter: drop-shadow(0px 0px 5px #ffaa5b);
  }
}
  /* ── scroll button ── */
    .scroll-btn {
			    z-index: 33;
      position: absolute;
          bottom: 23%;
      left: 50%;
      transform: translateX(-50%);
      background: none;
      border: none;
      cursor: pointer;
      padding: 12px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      animation: bounce 1.8s ease-in-out infinite;
      transition: background 0.2s;
			object-fit: contain;
    }
 
    .scroll-btn:hover {
      animation-play-state: paused;
			filter: drop-shadow(0 0 4px black);
    }
 
    @keyframes bounce {
      0%, 100% { transform: translateX(-50%) translateY(0); }
      40%       { transform: translateX(-50%) translateY(10px); }
      60%       { transform: translateX(-50%) translateY(6px); }
      80%       { transform: translateX(-50%) translateY(10px); }
    }
 
    /* click dip animation class (added via JS) */
    .scroll-btn.clicked {
      animation: none;
      transform: translateX(-50%) translateY(14px);
      transition: transform 0.18s ease-in;
    }
 
    .scroll-btn.spring {
      animation: none;
      transform: translateX(-50%) translateY(0);
      transition: transform 0.28s ease-out;
    }
@media screen and (min-width:768px) {
	
	.main-extended {
		position: absolute;
		top: 14%;
		left: 0;
		right: 0;
		z-index: 4;
	}

	.mastplan-cont {
		position: absolute;
		top: 10%;
		left: 60%;
		z-index: 4;
	}
  .mplogo {
        width: 5.6dvi;
        height: 5.6dvi;
        object-fit: contain;
        object-position: center;
        position: absolute;
        top: 33.9%;
        left: 69.7%;

	}
	.maximg {
		max-width: 73vw;
		margin: auto;
	}

	.rf_content {
		max-width: fit-content;
	}

	.rf_headline {
		left: 0%;
		position: relative;
	}
   .rf_details p {
		max-width: 19ch;
	 }
	.rfitem:nth-child(1) .rf_details,
	.rfitem:nth-child(3) .rf_details {
	        margin-right: -20%;
	}


	.rfitem:nth-child(1) .f1img,
	.rfitem:nth-child(3) .f1img {
	
        position: relative;
        left: 20%;

	}
.liwrap {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.lcheadline {
	min-height: 50px;
	max-width: 25ch;
}
}

@media screen and (max-width: 1024px) {

	.regBtn {
		padding: 10px 0;
		width: 56%;
	}

	.navContainer {
		width: 100%;
		justify-content: space-between;
	}

	.btmNav {
		display: flex;
		justify-content: space-between;
		height: 64px;
	}

	.btmNav ul {
		margin: 0;
		display: inline-block;
		align-items: center;
		margin-left: 10px;
		justify-content: space-evenly;
		width: 60%;
	}

	.dropbtn {
	color: #ffffff;
        border: none;
        cursor: pointer;
        display: flex;
        width: 50%;
        align-items: center;
        justify-content: center;
        gap: 9px;
        font-size: 12px;
        font-family: "Nunito";
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.1em;
				        background: #201910;
	}


	.dropdown {
		position: relative;
		display: contents;
		width: 100%;
	}

	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #231b12;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;
		font-family: "Nunito";
		font-weight: 400;
	}

	.dropdown-content a {
		color: #fff;
		        padding: 14px 2px;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #fff;
		        height: auto;
	}


	.dropdown .dropdown-content {
		display: none;
		list-style-type: none;
		color: #f2f2f2;
		width: 100%;
		transition: 0.2s;
		top: 45px;
		padding: 40px 30px;
		z-index: -1;
	}

	.btmNav .logo {
		padding: 0 1px;
		width: 48%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

}

@media screen and (max-width: 600px) {
	.topnav.responsive {
		position: relative;
	}

	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}

	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
}





@media screen and (max-width:767px) {
	main::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 12vh;
		background: linear-gradient(to bottom, transparent, #241f16);
	}

	h1 {
		font-size: 4.7vw;
		max-width: 20100%ch;
		margin: auto;
		line-height: 1.5;
		margin-bottom: 8px;
	}

	h2 {
		font-size: 6vw;
	}

	p {
		font-size: 3.6vw;
	}

	.mhbox p {
		font-size: 2.8vw;
	}

	.regcta {
		font-size: 3vw;
	}

	.extended {
		margin-top: -1px;
		background: #241f16;
	}

	.max1 {
		max-width: 38ch;
		margin: auto;
		text-align: center;
	}

	.max2 {
		max-width: 39ch;
	}

	p.tagsub {
		letter-spacing: 0.35em;
		font-size: 3vw;
	}

	h3 {
		font-size: 4.5vw;
	}

	.rf_details p {
		font-size: 3.5vw;
	}

	.rfitem {
		flex-direction: column-reverse;
	}

	.f1img {
		width: 100%;
		padding: 0;
	}

.rfitem:not(:last-child) .rf_details {
		margin-bottom: 2rem;
	}

	.max4 {
		max-width: 100%;
	}

.location-info {
    width: 100%;
		        margin-bottom: 1rem;
}
.location-info:is(:last-of-type) {
	margin-bottom: 0;
}
.locimg {
            width: 30px;
        height: 20px;
}
.lcheadline {
	width: 100%;
		font-size: 3.58vw;
}
ul.distance_con {
    margin: 0 0 0 3.5rem;

}
#frmLeadGen input[type="text"], #frmLeadGen input[type="tel"], #frmLeadGen input[type="email"] {
	max-width: 90%;
}
label.checkbox-label {
    font-size: 0.7rem;
}
p.caption_enlarge {
        font-family: "CorporativeSan";
        letter-spacing: 0.05em;
        margin-bottom: 1.5rem;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 2.8vw;

}
 .scroll-btn {
          bottom: 13%;
				
 }
 .conntxt 
 {
	font-size: 3.5vw;
}
}