/*//////// SERVICE PAGE ////////*/
#service-page {}
/*font-family: "avenir-lt-pro";*/


/*////// HERO SECTION //////*/
section.hero-section {
	/*background-color: #000000;*/
}
section.hero-section div.hero-container {
	padding: 0 0;
	height: 72rem;
	background-color: #787878;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*//// FLEX ////*/
div.hero-container div.hero-flex-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	justify-content: space-between;
}
div.hero-flex-container div.hero-flex-item {}

/*// FLEX SPECIFICS //*/
#hero-flex-item-1 {
	max-width: 44.99%;
	padding: 30rem 6rem 19rem 12.2rem;
}
#hero-flex-item-2 {
	max-width: 54.99%;
	padding: 30rem 0 19rem 0;
}

/*// ELEMENTS //*/
#hero-flex-item-1 h1 {
	margin: 0 0;
	margin-bottom: .8rem;
	color: var(--Gold, #C3A86B);
	font-family: "Gotham";
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.22; /* 122.222% */
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}
#hero-flex-item-1 h2 {
	margin: 0 0;
	color: #ffffff;
	font-family: "Gotham";
	font-size: 6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.166; /* 116.667% */
	letter-spacing: 0.05rem;
	text-transform: uppercase;
}

/*// HERO SLIDER //*/
#hero-slider {
	position: relative;
	width: 100%;
	height: 46rem;
	overflow: hidden;
}
#hero-slider div.slide {
	position: relative;
	height: 46rem;
	margin: 0 0;
	margin-right: 8rem;
	background-color: silver;
	border-radius: 1rem;
	overflow: hidden;
}
div.slide img { }





/*////// INTRO SECTION //////*/
section.intro-section {}
section.intro-section div.intro-container {
	padding: 10rem 12.2rem;
	background-color: #ffffff;
}

/*//// FLEX ////*/
div.intro-container div.intro-flex-container {}
div.intro-flex-container div.intro-flex-item {}

/*// FLEX SPECIFICS //*/
#intro-flex-item-1 {}
#intro-flex-item-2 {
	padding: 0 0 0 4.3rem;
}

/*// ELEMENTS //*/
#intro-flex-item-1 img.service-image {
	margin-bottom: 1.2rem;
	border-radius: 1rem;
}
#intro-flex-item-2 h3 {
	margin: 0 0;
	margin-bottom: 3rem;
	color: var(--Blue, #0A1E2C);
	font-family: "Gotham";
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4; /* 140% */	
}
#intro-flex-item-2 p {
	color: var(--Blue, #0A1E2C);
	font-family: "avenir-lt-pro";
	font-size: 2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 1.6; /* 160% */	
}





/*////// OFFER SECTION //////*/
section.offer-section {}
section.offer-section div.offer-container {
	padding: 10rem 18.3rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

/*//// FLEX ////*/
div.offer-container div.offer-flex-container {}
div.offer-flex-container div.offer-flex-item {}
div.offer-flex-item h3 {
	margin: 0 0;
	color: var(--Gold, #C3A86B);
	text-align: center;
	font-family: "Gotham";
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4; /* 140% */
}





/*////// SERVICE LIST SECTION //////*/
section.service-list-section {}
section.service-list-section div.service-list-container {
	padding: 10rem 12.2rem 24rem 12.2rem;
	background: var(--Gray, #C0CDD4);
}

/*//// FLEX ////*/
div.service-list-container div.service-list-flex-container {}
div.service-list-flex-container div.service-list-flex-item {}

/*// FLEX SPECIFICS //*/
#service-list-flex-item-2 {}
#service-list-flex-item-3 {}
#service-list-flex-item-4 {}

/*//// NESTED FLEX (Service Detail) ////*/
div.service-list-flex-item div.service-detail-flex-container {
	border-radius: 1rem;
	background-color: #ffffff;
	margin-bottom: 6rem;
	overflow: hidden;
}
div.service-detail-flex-container div.service-detail-flex-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
}

/*// ELEMENTS (Nested) //*/
div.service-detail-flex-item h4 {
	margin: 0 0;
	margin-bottom: 1.2rem;
	color: #000000;
	font-family: "Gotham";
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4; /* 140% */
}
div.service-detail-flex-item p {
	margin: 0 0;
	color: #000;
	font-family: "avenir-lt-pro";
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.33; /* 133.333% */
}
div.service-detail-flex-item img.service-detail-image {
	margin: 0 0;
}

/*// FLEX SPECIFICS (Nested) //*/
#service-detail-flex-container-1 {}
#service-detail-flex-container-2 {}
#service-detail-flex-container-3 {
	margin-bottom: 0;
}

#service-detail-flex-item-1,
#service-detail-flex-item-3,
#service-detail-flex-item-5 {
	padding: 4.5rem 4.5rem;
}
#service-detail-flex-item-2 {}
#service-detail-flex-item-4 {}
#service-detail-flex-item-6 {}





/*///////// FOOTER CTA SECTION ////////*/
section.cta-section {
    margin-top: 0 !important;
    z-index: 100;
}





/*//// GRANULAR RESPONSIVE CSS HERE ////*/
/*// MOBILE SCREEN //*/
@media only screen and (max-width: 1024px) { }
/*// SMALL MOBILE //*/
@media only screen and (max-width: 851px) { 

		/*////// HERO SECTION //////*/
		section.hero-section div.hero-container { height: 80dvh; }
		div.hero-container div.hero-flex-container { top: 55%; padding: 0 0; } 
		#hero-flex-item-1 { max-width: 100%; padding: 0 3rem 4rem 3rem; }
		#hero-flex-item-1 h2 { font-size: 3.6rem; }
		#hero-flex-item-2 { max-width: 100%; padding: 0 3rem; }
		#hero-slider,
		#hero-slider div.slide,
		div.slide img { height: 25rem !important; }

		/*////// INTRO SECTION //////*/
		section.intro-section div.intro-container { padding: 6rem 3rem; }
		#intro-flex-item-1,
		#intro-flex-item-2 { padding: 0 0; }
		#intro-flex-item-1 { order: 2; }
		#intro-flex-item-2 { order: 1; }

		/*////// OFFER SECTION //////*/
		section.offer-section div.offer-container { padding: 6rem 3rem; }
		div.offer-flex-item h3 br { display: none; }

		/*////// SERVICE LIST SECTION //////*/
		section.service-list-section div.service-list-container { padding: 6rem 3rem 16rem 3rem; }

} 
@media only screen and (max-width: 480px) { 

		/*////// HERO SECTION //////*/
		section.hero-section div.hero-container { height: 80dvh; }
		div.hero-container div.hero-flex-container { top: 55%; padding: 0 0; } 
		#hero-flex-item-1 { max-width: 100%; padding: 0 3rem 4rem 3rem; }
		#hero-flex-item-1 h2 { font-size: 3.6rem; }
		#hero-flex-item-2 { max-width: 100%; padding: 0 3rem; }
		#hero-slider,
		#hero-slider div.slide,
		div.slide img { height: 25rem !important; }

		/*////// INTRO SECTION //////*/
		section.intro-section div.intro-container { padding: 6rem 3rem; }
		#intro-flex-item-1,
		#intro-flex-item-2 { padding: 0 0; }
		#intro-flex-item-1 { order: 2; }
		#intro-flex-item-2 { order: 1; }

		/*////// OFFER SECTION //////*/
		section.offer-section div.offer-container { padding: 6rem 3rem; }
		div.offer-flex-item h3 br { display: none; }

		/*////// SERVICE LIST SECTION //////*/
		section.service-list-section div.service-list-container { padding: 6rem 3rem 16rem 3rem; }

}
/*// LANDSCAPE ORIENTATION - TABLET & SMALLER //*/
@media screen and (max-width: 1024px) and (orientation: landscape) { }
@media screen and (max-width: 813px) and (orientation: landscape) { }