:root {
	--trustBlue: #0360b4;
	--navy: #172b4e;
}
body {
	font-family: monsterratReg;
	color: #36404d;
}
main.packages {
	padding-top: 64px;
}
main.packages section {
	position: relative;
}
.packages .heroArea {
	position: relative;
	padding-top: 64px;
	padding-bottom: 64px;
	height: 800px;
}
.packages .meshGradHero {
background-color: #0A2540;
/*background: 
  -webkit-radial-gradient(circle at 0% 0%, #0A2540 0%, transparent 60%),
  -webkit-radial-gradient(circle at 23% 37%, #635bff 0%, transparent 60%),
  -webkit-radial-gradient(circle at 46% 74%, #a960ee 0%, transparent 60%),
  -webkit-radial-gradient(circle at 69% 11%, #ff7170 0%, transparent 60%),
  -webkit-radial-gradient(circle at 92% 48%, #1e0041 0%, transparent 60%);*/
background: 
  radial-gradient(circle at 0% 0%, #0047AB 0%, transparent 60%), radial-gradient(circle at 23% 37%, #02176c 0%, transparent 60%), radial-gradient(circle at 46% 74%, #20187e 0%, transparent 60%), radial-gradient(circle at 69% 11%, #5fc997 0%, transparent 60%), radial-gradient(circle at 92% 48%, #2115b0 0%, transparent 60%);
}
.atfContainer.leadIn {
	position: relative;
	z-index: 50;
}
.atfContainer.leadIn .atfRow {
	align-items: center;
}

.packages .btn.btn-cta, .packages input.btn.btn-cta, .packages .card-body .btn.btn-cta {
  color: #fff!important;
  font-weight: bolder;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1.125rem;
  letter-spacing: 1px;
  padding: 10px 20px;
  background-color: #d66400;
  border: 1px solid #fdfdfd;
  border-radius: 18px;
  will-change: color, border, background-color;
  transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out;
}
.packages input.btn.btn-cta {
  padding: 8px 15px;
  border: 1px solid transparent;
  border-radius: 18px;
}
.packages .btn.btn-cta.btn-cta-secondary {
	background-color: #007092;
	border: 1px solid #629fb7;
}
.packages .leadIn .btn.btn-cta.btn-cta-secondary { 
	margin-bottom: 16px;
}
.packages .btn.btn-cta, .modal-body .btn.btn-cta {
  color: #fff!important;
  font-weight: bold;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 1rem;
  letter-spacing: 1px;
  padding: 8px 16px;
  background-color: #d66400;
  border: 1px solid #fdfdfd;
  border-radius: 18px;
  will-change: color, border, background-color;
  transition: color .3s ease-out, border .3s ease-out, background-color .3s ease-out;
}
.btn.btn-cta:hover, .btn.btn-cta.btn-cta-secondary:hover,  input.btn.btn-cta:hover, .card .card-body .btn.btn-cta:hover {
	color: #fff;
	background-color: #292d81;
	border: 1px solid #4090f6;
}
body .btn-outline-light {
	color: #fff;
}
.introContent {
	text-align: center;
	padding: 0 0 32px 0;
	/*border: 1px solid rgba(80, 159, 189, 0.75);
	border-radius: 16px;
	background-color: rgba(46, 74, 126, 0.5);
	filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.5));*/
}
.introContent p {
	color: #fff;
}
.introContent p:first-of-type {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 3px;
}
.introContent h2 {
	color: #fff;
	font-size: 36px;
	font-family: monsterratBld;
	line-height: 1.125;
	margin-bottom: 16px;
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.5));
}
.packages .bgOrange {
	background-color: #ce790c;
}
.packages h3, .packages h4 {
	font-family: monsterratBld;
}
.packages h3 {
	margin-bottom: 16px;
}
.packages h3:not(.reverseTxt) {
	color: var(--trustBlue);
}
.reverseTxt {
	color: #fff;
}
.packages section {
	padding-top: 64px;
	padding-bottom: 64px;
}
.packages section.packagePricingCards {
	background-color: #f5f5f5;
}
.packages .sectionTitle, .packages .sectionTitle p {
	text-align: center;
	margin-bottom: 1rem;
}
.packagePricingCards .card-deck {
	margin-top: 16px;
}
.packages .card {
	filter: drop-shadow(0 0 8px rgba(0,0,0,0.125));
	border-radius: 10px;
}
.packages .card-header {
	color: #fff;
	font-size: 23px;
	padding: 16px 16px;
	clip-path: polygon(0% 0%, 100% 0%, 100% 87%,50% 100%,0% 87%);
	border-bottom: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	z-index: 10;
}
.card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.card-body div {
	margin-bottom: 8px;
}
.card .card-body .btn.btn-cta {
	font-size: 1.01625rem;
	letter-spacing: 0;
	padding: 8px 16px;
	border-color: transparent;
	margin: 0;

}
.packages .card-footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.packages .card-footer button {
	text-decoration: underline;
  text-underline-offset: 3px;
}
a.cardPopover[data-content*="img"] img {
	filter: drop-shadow(0 0 .3px rgba(0,0,0,0.3));
}
.popover-body {
	padding: 0;
}
.popover-header, .popover-centered .popover-body {
	text-align: center;
}
.accordion .card {
	background-color: transparent;
	margin-bottom: 8px;
	border-color: transparent;
	transition: background-color .2s, border-left .2s, border-right .2s;
}
.accordion .card:has(.collapsing), .accordion .card:has(.collapse.show) {
	background-color: #fff;
	border-color: rgba(0,0,0,.125);
}
.accordion .card .card-header {
	background: -webkit-radial-gradient(at top center, #1487aa 40%, #6768dbd6);
	background: radial-gradient(at top center, #1487aa 40%, #6768dbd6);
}
.card .card-header:not(small) {
	font-family: monsterratBld;
}
.accordion .card .card-header span.accordIndicator {
	width: 20px;
  height: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transform: rotate(0deg);
  transition: transform .3s ease-out;
  top: 4px;
  position: relative;
}
.accordion .card .card-header [data-toggle="collapse"]:not(.collapsed) span.accordIndicator {
	transform: rotate(180deg);
}
.accordion .card .btn-link {
	font-weight: 600;
  color: #fff;
}
.btn-transparent {
	background-color: none;
}
.btn-transparent:hover {
	color: inherit;
}
.card .card-footer .btn:focus {
	box-shadow: none;
}
.whiteText {
	color: #fff!important;
}
small{
	font-family: monsterratBld;
}
.fnt58Pct {
	font-size: 58%;
}
.fnt50Pct {
	font-size: 50%;
}
ul li {
	margin-bottom: 8px;
}
.card.first .card-header {
	background-color: #ce790c;
}
.card.second .card-header {
	background-color: #004a8c;
}
.card.third .card-header {
	background-color: #826d47;
}
.card-footer {
	background-color: var(--navy);
}
.card .card-body ul{
	padding-left: 16px;
}
.card p.card-title {
	font-family: monsterratBld;
	font-size: 26px;
	letter-spacing: .025rem;
	color: #fff;
}
.card .price {
	position: relative;
	top: -23px;
	padding-top: 32px;
	background-color: var(--navy);
}
.card .card-body ul li {
	font-size: 15px;
	margin-bottom: 8px;
}
.card .card-footer {
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
	will-change: background-color;
	transition: background-color .3s ease-in;
}
.card .card-footer:hover {
	cursor: pointer;
	background-color: #383838;
}
.btn {
	transition: color .3s ease-in-out,background-color .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;
}
.packages section.process {
	background-color: #fff;
}
.bgLinGradSeaFoam-lghtBlue {
	background: linear-gradient(to top, #dcebf7, #daf7f7);
}
.bgLightGrey {
	background-color: rgb(245, 245, 245);
}
.meshGradSlider {
background-color: #0A2540;
background: 
-webkit-radial-gradient(circle at 0% 0%, #135BA2 0%, transparent 60%),
-webkit-radial-gradient(circle at 23% 37%, #A9A7DF 0%, transparent 60%),
-webkit-radial-gradient(circle at 46% 74%, #7A589B 0%, transparent 60%),
-webkit-radial-gradient(circle at 69% 11%, #E68872 0%, transparent 60%),
-webkit-radial-gradient(circle at 92% 48%, #8D36F3 0%, transparent 60%);

background:
radial-gradient(circle at 0% 0%, #135BA2 0%, transparent 60%),
radial-gradient(circle at 23% 37%, #A9A7DF 0%, transparent 60%),
radial-gradient(circle at 46% 74%, #7A589B 0%, transparent 60%),
radial-gradient(circle at 69% 11%, #E68872 0%, transparent 60%),
radial-gradient(circle at 92% 48%, #8D36F3 0%, transparent 60%)
}

section.workSlider .sectionTitle, section.getStartedForm .sectionTitle {
	color: #fff;
}
section.workSlider .sliderWrap {
	background-color: #28292b40;
	border: 1px solid #a1c6e261;
  box-shadow: 0 0 7px rgba(0,0,0,0.25);
}
section.workSlider .sliderWrap .main-carousel .flickity-page-dots {
	bottom: -40px;
}
.carousel-cell {
	margin-left: 1px;
	margin-right: 1px;
	/*opacity: .75;
	filter: brightness(70%);
	will-change: opacity, filter;
	transition: opacity .2s ease-out, filter .2s ease-out;*/
}
.carousel-cell img {
	max-height: 250px;
}
.carousel-cell.is-selected {
	opacity: 1;
	filter: brightness(100%);
}
.packages .flickity-page-dots .dot {
	background: #fff;
}
.additionalServices .pageTitle {
	color: #0360b4;
}
.processStep {
	margin-bottom: 32px;
}
.processDetail {
	padding: 0 24px 24px;
	font-size: 15px;
}
.detailSwatch {
	padding: 8px;
	border: 1px solid #cdf39f3d;
	border-radius: 8px;
	background: linear-gradient(to top, #dcebf7, #daf7f7);
	box-shadow: 3px 3px 5px #0000001a;
}
.clrBG {
	background-color: none;
	background: none;
	box-shadow: none;
}
.processInfo, .processDetail {
	display: flex;
	flex-direction: column;
	padding: 0 32px;
}
.processInfo p, .processDetail p {
	margin-bottom: 12px;
}
.processInfo p a, .processDetail p a {
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.stepIndicator {
	font-size: 16px;
	font-family: monsterratBld;
	padding-right: 8px;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: #0360b4;
}
.stepTitle {
	font-size: 20px;
	font-family: monsterratBld;
	font-weight: 800;
	color: #0360b4;
}
.detailTitle {
	font-size: 16px;
	font-weight: 800;
	font-family: monsterratBld;
	color: #0360b4;
}
.lightMeshGrad {
	background-color: #4982BB;
  /*background-image: radial-gradient(circle at 0% 0%, #0E7AE4 0%, transparent 60%), radial-gradient(circle at 23% 37%, #aeaafd 0%, transparent 60%), radial-gradient(circle at 46% 74%, #e6cefd 0%, transparent 60%), radial-gradient(circle at 69% 11%, #fbcbcb 0%, transparent 60%), radial-gradient(circle at 92% 48%, #a55afe 0%, transparent 60%);*/
  background-image: radial-gradient(circle at 0% 0%, #0E7AE4 0%, transparent 60%), radial-gradient(circle at 23% 37%, #aeaafd 0%, transparent 60%), radial-gradient(circle at 46% 74%, #965ad0 0%, transparent 60%), radial-gradient(circle at 69% 11%, #5fc997 0%, transparent 60%), radial-gradient(circle at 92% 48%, #5e51ff 0%, transparent 60%);
}
.formSidebar {
	padding: 0;
	margin-bottom: 32px;
}
.formSidebarInner {
	border-radius: 16px;
	padding: 32px;
	background-color: rgba(0, 3, 6, 0.5);
	filter: drop-shadow(0 0 6px rgba(0,0,0,0.25));
}
.formSidebarInner h4 {
	font-size: 32px;
	font-weight: 600;
}
.formSidebarInner h4, .formSidebarInner p, .formSidebarInner small, .formSidebarInner a {
	color: #fff;
}
.formSidebarInner a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.formSidebarInner .contactMethods p.contact {
	font-weight: normal;
}
.formSidebarInner ul {
	color: #fff;
	padding-left: 16px;
}
.packages form {
	color: #0360b4;
	border-radius: 16px;
}
.packages form fieldset#returnInfo {
	/*display: none;*/
	height: 0px;
	opacity: 0;
	will-change: display, height, opacity;
	transition: opacity .4s ease-out, height .3s ease-out;
}
.packages form fieldset#returnInfo.showThis {
	/*display: flex;*/
	height: auto;
	opacity: 1;
}
.packages form .form-group {
	margin-bottom: 18px;
}
.packages form legend {
	font-size: 18px;
}
.packages form label {
	font-size: 15px;
	font-family: monsterratBld;
	margin-bottom: 2px;
}
.packages form input::placeholder, .packages form textarea::placeholder{
	font-size: 13px;
}
.packages form input[type="submit"] {
	font-family: monsterratBld;
	border-color: transparent;
}
.getStartedForm form input.btn:hover {
	background-color: #0360b4;
}
.getStartedForm form {
	padding: 32px;
	background-color: rgba(255,255,255,0.875);
	filter: drop-shadow(0 0 6px rgba(0,0,0,0.20));
}
.nextStepCard {
	padding: 32px;
	background-color: rgba(255,255,255,0.875);
	background: linear-gradient(to top, #dcebf7, #daf7f7);
	border-radius: 18px;
	filter: drop-shadow(0 0 6px rgba(0,0,0,0.20));
}
.nextStepCard h4, .nextStepCard p {
	color:var(--trustBlue);
}
.nextStepCard h4 {
	font-family: monsterratBld;
	font-weight: bold;
}
.nextStepCard p {
	font-family: monsterratReg;
	font-weight: normal;
}
.nextStepCard .btn.btn-cta {
	border-color: transparent;
}
.modal-header p {
	margin-bottom: 0;
}
.modal-title, .modal-header p {
	color: var(--trustBlue);
}
.modal-body p, .modal-body li {
	font-size: .875rem;
}
.modal-body p.h4 {
	font-size: 1.125rem;
}
.modal-header p.h5, .modal-body p.h5, .modal-body p.h6 {
	font-family: monsterratBld;
}
.modal-body ul {
	padding-left: 16px;
}
.modal li {
	margin-bottom: 8px;
}
.modal li p {
	margin-bottom: 8px;
}
.modal-body ul ul li {
	font-size: 15px;
}


@media (min-width: 384px) {
	main.packages {
	  padding-top: 60px;
	}
}




@media (min-width: 768px) {
	.packages .heroArea {
		height: 1032px;
	}
	.packages .leadIn .btn.btn-cta.btn-cta-secondary { 
		margin-bottom: 0;
	}
	.carousel-cell {
		margin-left: 0;
		margin-right: 3px;
	}
	.packages h3 {
		font-size: 2rem;
	}
}




@media (min-width: 992px) {
	.packages .heroArea {
		height: calc(80vh - 55px);
	}
	.atfContainer.leadIn, .atfContainer.leadIn .atfRow {
		height: 100%;
	}
	.introImages {
		height: 100%;
		text-align: center;
	}
	.introImages .imgWrap {
		height: 100%;
	}
	.introImages .imgWrap .atf-img-fluid {
		height: 100%;
	}
	.packages .leadIn .btn.btn-cta.btn-cta-secondary { 
		margin-bottom: 16px;
	}
	.card .card-header {
		font-size: 23px;
		font-weight: bold;
		clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 95%, 0% 85%);
	}
	.processInfo, .processDetail {
		justify-content: center;
	}
	.processDetail {
		padding: 24px;
	}
	.processStep {
	  margin-bottom: 64px;
	}
	.stepTitle {
		font-size: 24px;
	}
	.modal-dialog {
		max-width: 700px;
	}
	.modal-header, .modal-body {
		padding: 32px 64px;
	}
	.modal-footer {
		padding: 16px 64px
	}
	.formSidebar {
		padding: 0 32px 0 0;
	}
}



@media (min-width: 1200px) {
	.introContent {
		padding: 16px 8px;
	}
	.introContent h2 {
		font-size: 46px;
	}
	.introContent p:nth-of-type(2) {
		font-size: 18px;
	}
	.packages .leadIn .btn.btn-cta.btn-cta-secondary { 
		margin-bottom: 0;
		margin-right: 16px;
	}
	.packeges h3 {
		font-size: 2.25rem;
	}
	.detailSwatch {
		padding: 16px;
	}
	.detailSwatch p:last-of-type {
		margin-bottom: 0;
	}
	.lightMeshGrad {
		background:
		-webkit-radial-gradient(circle at 0% 0%, #0C6ECF 2%, transparent 85%)
		-webkit-radial-gradient(circle at 23% 37%, #aeaafd 0%, transparent 60%)
		-webkit-radial-gradient(circle at 46% 74%, #e6cefd 0%, transparent 60%)
		-webkit-radial-gradient(circle at 69% 11%, #fbcbcb 0%, transparent 60%)
		-webkit-radial-gradient(circle at 92% 48%, #a55afe 0%, transparent 60%);
		background:
		radial-gradient(circle at 0% 0%, #0C6ECF 2%, transparent 85%)
		radial-gradient(circle at 23% 37%, #aeaafd 0%, transparent 60%)
		radial-gradient(circle at 46% 74%, #e6cefd 0%, transparent 60%)
		radial-gradient(circle at 69% 11%, #fbcbcb 0%, transparent 60%)
		radial-gradient(circle at 92% 48%, #a55afe 0%, transparent 60%);
	}
	.sectionTitle p {
		width: 73%;
		margin-left: auto;
		margin-right: auto;
	}
}



@media (min-width: 1440px) {
  .packages .heroArea {
    max-height: 590px;
  }
	.introContent h2 {
		font-size: 48px;
	}
	.packages h3 {
		font-size: 2.5rem;
	}
	.modal-dialog {
		max-width: 800px;
	}
}



@media (min-width: 1920px) {
	.heroArea {
		aspect-ratio: 16/5;
	}
	.introContent {
		width: 40%;
	}
	.modal-dialog {
		max-width: 900px;
	}
	.modal-body p, .modal-body li {
	  font-size: 1rem;
	}
}




@media (min-width: 2300px) {
	.heroArea {
		aspect-ratio: 16/4.5;
	}
}

@media (min-width: 2800px) {
	.heroArea {
		aspect-ratio: 16/3;
	}
}