/*
Theme Name: ZG BlankSlate (Child)
Theme URI: https://opencollective.com/blankslate
Author: MikeShank and Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:.2rem}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:2rem}kbd,tt{font-family:courier;font-size:1.2rem}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(.1rem,.1rem,.1rem,.1rem);clip-path:inset(50%);height:.1rem;margin:-.1rem;overflow:hidden;padding:0;position:absolute!important;width:.1rem;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:.3rem;box-shadow:0 0 .2rem .2rem rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:1.4rem;font-size:.875rem;font-weight:700;height:auto;right:.5rem;line-height:normal;padding:1.5rem 2.3rem 1.4rem;text-decoration:none;top:.5rem;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:.6rem;top:.7rem;font-size:1.4rem;font-weight:600;text-decoration:none;line-height:normal;padding:1.5rem 2.3rem 1.4rem;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:.1rem;width:.1rem;overflow:hidden;clip:rect(.1rem .1rem .1rem .1rem);clip:rect(.1rem, .1rem, .1rem, .1rem);white-space:nowrap}

/* - Utility - - - - - - - - - - - - */

html{
	font-size: 52.6315789%;
}
#footer,
#header,
hr{
	display: none;
}
/* - Full Page Stuff - - - - - - - - - - - - */
body{
/*
	background-image: url('/wp-content/uploads/2026/01/blueGradient_Header.jpg');
	background-size: 100vw 100vh;
*/
	background-color: #222222;
}
#content{
	color: #000000;  font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 19px;
/*	overflow: hidden;*/
	line-height: 3rem;
	background-color: #ffffff;
}

#content a{
	text-decoration: none;
}
h1, h2, h3, h4, h5{
	font-family: "gotham", sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .08rem;
}

h2{
	font-family: Gotham;
	font-size: 6.3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 6.8rem;
	letter-spacing: .063rem;
	text-transform: uppercase;
}
p{
	margin-bottom: 3rem;
	font-size: 1.9rem;
}
img{
	width: 100%;
}
.section{
	width: 100%;
/*	max-width: 192rem;*/
	box-sizing: border-box;
	padding: 8rem 6.6rem;
	margin: auto;
	position: relative;
}
html, body, .section{
  overflow-x: clip;   /* modern: prevents horizontal scrollbar */
}

/* fallback for older browsers */
@supports not (overflow-x: clip){
  html, body, .section{ overflow-x: hidden; }
}


/* this is a scroll monitor so I can see what the CSS is doing as I scroll, should be a pink line at the bottom of the screen */
.scroll-watcher{
	height: .2rem;
	position: fixed;
	bottom: 0;
	z-index: 1000;
	/*  background-color:#FF0063; /* shank's favorite pink */
	background-color:#7eb0bc; /* blah blah blue */
	width: 100%;
	scale: 0 1;
	transform-origin: left;
}
@supports (animation-timeline: view()) {
	.scroll-watcher{
		animation: scroll-watcher linear;
		animation-timeline: scroll();
	}
}
@keyframes scroll-watcher {
	to {scale: 1 1 ;}
}
.yellowButt {
	width: 180px;
	background: linear-gradient(90deg,rgba(20, 93, 111, 1) 50%, rgba(248, 153, 31, 1) 50%);
    background-size: 200%;
	background-position: -180px center;
	transition: all .2s ease;
}
.blueButt{
	width: 180px;
	background: #7EB0BC;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(126, 176, 188, 1) 50%);
	border: solid 2px #ffffff;
    background-size: 210%;
	background-position: -190px center;
	transition: all .2s ease;
}
.darkBlueButt{
	width: 180px;
	background: #145D6F;
	background: linear-gradient(90deg,rgba(248, 153, 31, 1) 50%, rgba(20, 93, 111, 1) 50%);
    background-size: 210%;
	background-position: -176px center;
	transition: all .2s ease;
}
.yellowButt:hover{
	background: red;
	background: linear-gradient(90deg,rgba(20, 93, 111, 1) 50%, rgba(248, 153, 31, 1) 50%);
    background-size: 210%;
	background-position: 0px center;
	transition: all .2s ease;
}
.blueButt:hover{
	color: #145D6F;
	background: #ffffff;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(126, 176, 188, 1) 50%);
	border: solid 2px #7EB0BC;
    background-size: 210%;
	background-position: 0px center;
	transition: all .2s ease;
}
.darkBlueButt:hover{
/*	color: #145D6F;*/
	color: #ffffff;
	background: #F8991F;
	background: linear-gradient(90deg,rgba(248, 153, 31, 1) 50%, rgba(20, 93, 111, 1) 50%);
    background-size: 210%;
	background-position: 0px center;
	transition: all .2s ease;
}
/*
.darkBlueButt:hover{
	background: #F8991F;
}
*/
.buttonLink{
	color: #fff;
	font-family: "gotham", sans-serif;
	font-style: normal;
	font-weight: 1000;
	letter-spacing: .08rem;
	font-size: 1.6rem;
	text-transform: uppercase;
	display: flex;
	min-height: 5rem;
	padding: .8rem 0;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	border-radius: 1.5rem;
	cursor: pointer;
}
/* - Section - Top - - - - - - - - - - - - */
#top{
	background-color: #7EC9E9;
	color: #145D6F;
	aspect-ratio: 1920 / 1110 ;
	background-size: cover;
	view-timeline-name: --top;
	view-timeline-axis: block;
	overflow: hidden;
}

@supports (overflow: clip) {
	#top { overflow: clip; }
}
h1.sitename{
	z-index: -1;
	color: #fff;
	position: fixed;
}
.tagline{
	font-family: "gotham", sans-serif;
	text-transform: uppercase;
	position: absolute;
	top: 7.2%;
	left: 3.1%;
}
.tagline span{
	color: #ffffff;
	font-weight: 700;
}
#top .yellowButt{
	position: absolute;
	top: 3.1vw;
	right: 4.1vw;
	z-index: 50;
}
.titleContent, .titleFactory{
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
}
.titleFactory{
	justify-content: left;
	align-items: center;
	top: 33vw;
	z-index: 100;
	width: 64vw;
	opacity: 1;
	will-change: opacity;
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.tmtop{
	font-size: 1.6rem;
	margin: -.5rem 0 0 1rem;
}
.titleContent{
	top: 17vw;
	left: 0;
	z-index: 50;
	width: 91vw;
	opacity: 1;
	will-change: opacity;
}
/* DEFAULT (no scroll-driven animation support): titles stay visible */
.titleContent,
.titleFactory {
  opacity: 1;
  animation: none;
}

/* Only browsers that support scroll-driven timelines get the scrub animation */
@supports (animation-timeline: view()) {
  .titleContent,
  .titleFactory {
    will-change: opacity;
    animation-name: title-fade;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-timeline: --top;
    animation-range: exit 10% exit 100%;
  }
}
@keyframes title-fade {
	from { opacity: 1; }
	to   { opacity: 0; }
}
.titleFactory img{
	width: 100%;
}
.titleContent img{
	width: 100%;
}
.titleCloudOne{
	position: absolute;
	right: -.7vw;
	top: 4vw;
	z-index: 25;
	aspect-ratio: 1017 / 438;
	width: 52vw;
	will-change: transform, opacity;
	transform: translateY(0vw);
	opacity: 1;
}
@supports (animation-timeline: view()) {
	.titleCloudOne{
		animation-name: top-cloud;
		animation-timeline: --top;
		animation-timing-function: linear;
	/*	animation-range: entry calc(100% + 46vw) exit 130%;*/
		animation-range: exit 10% exit 100%;
	}
}
@keyframes top-cloud {
	from { transform: translateY(0vw);
		opacity: 1;
	}
	to   { transform: translateY(calc(20vw));
		opacity: 0;
	}
}
.titleCloudTwo{
	position: absolute;
	left: -.6vw;
	bottom: 7vw;
	z-index: 75;
	aspect-ratio: 1017 / 438;
	width: 52vw;
	will-change: transform, opacity;
	transform: translateY(0vw);
	opacity: 1;
}
@supports (animation-timeline: view()) {
	.titleCloudTwo{
		animation-name: top-cloud-two;
		animation-timeline: --top;
		animation-timing-function: linear;
	/*	animation-range: entry calc(100% + 46vw) exit 130%;*/
		animation-range: exit 10% exit 100%;
	}
}
@keyframes top-cloud-two {
	from { transform: translateY(0vw);
		opacity: 1;
	}
	to   { transform: translateY(calc(20vw));
		opacity: 0;
	}
}
.topLogo{
	position: absolute;
	bottom: 0;
	right: 4vw;
	z-index: 125;
	aspect-ratio: 668 / 599;
	width: 35vw;
	will-change: width;
}
@supports (animation-timeline: view()) {
	.topLogo{
		animation-name: logo-grow;
		animation-timeline: --top;
		animation-timing-function: linear;
		animation-range: exit 10% exit 100%;
	}
}

@keyframes logo-grow {
	from { width: 35vw; }
	to   { width: 40vw; }
}
@keyframes logo-grow-mobile {
	from { width: 45vw; }
	to   { width: 55vw; }
}

.topLogo img{
/*	object-fit: cover;*/
	width: 100%;
}
#top .fakemargin{
	height: 4vw;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 99;
}
.birds{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.birds div{
	position: absolute;
}
.birds img{
	width: 2vw;
	height: auto;
}
.birdOne{
	top: 9vw;
	left: 4vw;
	will-change: left, top;
}
@supports (animation-timeline: view()) {
	.birdOne{
		animation-name: bird-flight-one;
		animation-timeline: --top;
		animation-timing-function: linear;
		animation-range: exit 10% exit 100%;
	}
}
@keyframes bird-flight-one {
	from { left: 4vw; top: 9vw;	}
	to   { left: 60vw; top: 60vw;	}
}
.birdTwo{
	top: 13.2vw;
	left: 11.5vw;
	will-change: left, top;
}
@supports (animation-timeline: view()) {
	.birdTwo{
		animation-name: bird-flight-two;
		animation-timeline: --top;
		animation-timing-function: linear;
		animation-range: exit 10% exit 100%;
	}
}
@keyframes bird-flight-two {
	from { left: 11.5vw; top: 13.2vw;	}
	to   { left: 65vw; top: 50vw;	}
}
.birdThree{
	top: 7.3vw;
	left: 16.9vw;
	will-change: left, top;
}
@supports (animation-timeline: view()) {
	.birdThree{
		animation-name: bird-flight-three;
		animation-timeline: --top;
		animation-timing-function: linear;
		animation-range: exit 10% exit 100%;
	}
}
@keyframes bird-flight-three {
	from { left: 16.9vw; top: 7.3vw;	}
	to   { left: 100vw; top:50vw;	}
}
.birdFour{
	top: 9.4vw;
	left: 26.7vw;
	will-change: left, top;
}
@supports (animation-timeline: view()) {
	.birdFour{
		animation-name: bird-flight-four;
		animation-timeline: --top;
		animation-timing-function: linear;
		animation-range: exit 10% exit 100%;
	}
}
@keyframes bird-flight-four {
	from { left: 9.4vw; top: 26.7vw;	}
	to   { left: 90vw; top: 60vw;	}
}
.birdFive{
    top: 31.5vw;
    left: 13.1vw;
    will-change: left, top;
}
@supports (animation-timeline: view()) {
	.birdFive{
		animation-name: bird-flight-five;
		animation-timeline: --top;
		animation-timing-function: linear;
		animation-range: exit 10% exit 100%;
	}
}
@keyframes bird-flight-five {
	from { left: 31.5vw; top: 13.1vw;	}
	to   { left: 120vw; top: 60vw;	}
}

/* - Section - Intro - - - - - - - - - - - - */
#intro{ 
	background-color: #ffffff;
	color: #000000;
}

#intro h2{
	display: flex;
	flex-direction: column;
}
.introCTA{
	width: 100%;
    display: flex;
    justify-content: center;
}
.blueHeading{
	color: #7EB0BC;
}
.yellowHeading{
	color: #F8991F;
}
.twoColumnCopy {
	margin: 3rem 0;
	column-count: 2; /* Specifies the desired number of columns */
	column-gap: 4rem; /* Adds space between the columns */
}
/* - Section - Samples - - - - - - - - - - - - */
#samples{
	background-color: #ffffff;
	color: #000000;
	padding: 0;
}

.sampleSlider{
	display: flex;
	flex-direction: row;
	margin: 0;
	z-index: 4;
	position: relative;
	width: max-content;
	transform: translateX(0vw);
}
@supports (animation-timeline: view()) {
	.sampleSlider{
		will-change: transform;
		transform-origin: left;
		transform: translateX(90vw);
		animation-name: sample-slider;
		animation-timeline: view();
		animation-range: entry 10% exit calc(100% + 50px);
		transform: translateX(90vw);
	}
}
@keyframes sample-slider {
	from { transform: translateX(90vw); }
	to   { transform: translateX(calc(-100% + 80vw));}
}

.sampleSlider .slide{
	width: 20vw;
	aspect-ratio: 386 / 523;
	margin: 0 1.04vw;
	border-radius: 1.56vw;
	overflow: hidden;
}
.sampleSlider .slide img{
	height: auto;
	object-fit: cover;
}
#samples .fakemargin{
	height: 9rem;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #F8991F;
	z-index: 1;
}

/* - Section -  Services- - - - - - - - - - - - */
#services{
	background-color: #F8991F;
	color: #000000;
	min-height: 183rem;
	overflow: visible;
}
.serviceCloudOne, .serviceCloudTwo, .serviceCloudThree{
	position: absolute;	
}
.serviceCloudOne{
	top: 8rem;
	z-index: 4;
	width: 29vw;
	aspect-ratio: 564 / 353;
	transform: translateX(-10rem);
}

@supports (animation-timeline: view()) {
	.serviceCloudOne{
		view-timeline-name: --sc1;
		view-timeline-axis: block;
		animation-name: servcloudone;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: both;
		animation-timeline: --sc1;
		animation-range: entry 0% exit 100%;
	}
}
@keyframes servcloudone{
  from{
    transform: translateX(-10rem);
  }
  to{
    transform: translateX(10rem);
  }
}

.serviceCloudTwo{
	top: 64rem;
	z-index: 4;
	width: 52vw;
	aspect-ratio: 1017 / 438 ;
	transform: translateX(-4rem);
}

@supports (animation-timeline: view()) {
	.serviceCloudTwo{
		view-timeline-name: --sc2;
		view-timeline-axis: block;
		animation-name: servcloudtwo;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: both;
		animation-timeline: --sc2;
		animation-range: entry 0% exit 100%;
	}
}
@keyframes servcloudtwo{
  from{
    transform: translateX(-4rem);
  }
  to{
    transform: translateX(2rem);
  }
}

.serviceCloudThree{
	top: 123.5rem;
	z-index: 4;
	width: 14vw;
	aspect-ratio: 275 / 172;
	transform: translateX(calc(100vw - 60vw));
}

@supports (animation-timeline: view()) {
	.serviceCloudThree{
		view-timeline-name: --sc3;
		view-timeline-axis: block;
		animation-name: servcloudthree;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: both;
		animation-timeline: --sc3;
		animation-range: entry 0% exit 100%;
	}
}
@keyframes servcloudthree{
  from{
    transform: translateX(calc(100vw - 60vw));
  }
  to{
    transform: translateX(calc(100vw - 30vw));
  }
}
.serviceCloudThree img{
	width: 30rem;
	height: auto;
}
#servicesTop{
	display: flex;
	z-index: 100;
	position: relative;
}
#servicesLeft{
	width: 54%;
	padding: 0 3rem;
	position: relative;
}
.stickyBox{
	position: sticky;
	top: 40%;
}
#servicesLeft .bodyCopy{
	margin: 3rem 0 3rem 0 ;
}
#servicesRight{
	width: 46%;
	padding: 0 3rem;
}
.service, a.service{
	color: #000;
	font-family: Gotham;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 900;
	line-height: 4.2rem; /* 225% */
	letter-spacing: .6rem;
	text-transform: uppercase;
	margin-bottom: 4rem;
	transition: all .5s linear;
	width: calc(100% - 2.5rem);
}

#servicesRight li{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
    align-items: flex-start;
}
#servicesRight li img{
	width: 2.5rem;
	height: auto;
    margin: 1.1rem 2rem 0 0;
	transition: all .5s ease;
}
/*#servicesRight li.is-active .service { color: #fff; }*/
#servicesRight li.is-active img{
	width: 3.5rem;
    margin: 1.1rem 2rem 0 -1rem;
}
#servicesRight li.is-active .service{
	width: calc(100% - 3.5rem);
}
/*
.service:before, a.service:before {
	content:url('/wp-content/uploads/2025/12/processCheck-1.svg');
	display: inline-block;
	margin: -.2rem 1.6rem 0 0;
    vertical-align: top;
	font-weight: 900;
}
*/
#servicesTop .buttonLink{
	width: 190px;
	background-position: -200px center;
	border: solid 2px transparent;
}
#servicesTop .buttonLink:hover{
	border: solid 2px #7EB0BC;
	background-position: 0px center;
}
#servicesBottom .buttonLink{
/*	width: 175px;*/
	margin: 1rem auto;
	border: solid 2px #F8991F;
}
#servicesBottom .buttonLink:hover{
	border: solid 2px #7EB0BC;
}
#servicesBottom{
	margin-top: 16rem;
	z-index: 110;
	position: relative;
}
.largeCTAtext{
	color: var(--Black, #000);
	text-align: center;
	font-family: Gotham;
	font-size: 5rem;
	font-style: normal;
	font-weight: 900;
	line-height: 6.8rem; /* 136% */
	letter-spacing: 0..5rem;
	text-transform: uppercase;
	margin-bottom: 2vw;
}
/* - Section - Process - - - - - - - - - - - - */
#process{
	background-color: #F4F4F5;
	color: #000000;
	min-height: 89.3rem;
	display: flex;
	flex-direction: column;
	overflow: clip;
}

.processCloudOne, .processCloudTwo{
	position: absolute;
}
.processCloudOne{
	top: -13.5rem;
	left: 22.3rem;
	z-index: 4;
	width: 29vw;
	aspect-ratio: 564 / 353;
	position: absolute;
}
.processCloudTwo{
	top: 59.6rem;
	z-index: 4;
	width: 52vw;
	aspect-ratio: 1017 / 438;
	position: absolute;
	transform: translateX(29.5rem);
}

@supports (animation-timeline: view()) {
	.processCloudTwo{
		view-timeline-name: --pc2;
		view-timeline-axis: block;
		animation-name: processcloudtwo;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: both;
		animation-timeline: --pc2;
		animation-range: entry 0% exit 100%;
	}
}
@keyframes processcloudtwo{
  from{
    transform: translateX(29.5rem);
  }
  to{
    transform: translateX(60rem);
  }
}
#process .blueButt{
	border: solid 2px #F4F4F5;
}
#process .blueButt:hover{
	border: solid 2px #7EB0BC;
}
.processContent{
	display: flex;
	flex-direction: row;
	z-index: 25;
	position: relative;	
	flex: 1 1 auto;
}
#processLeft{
	width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#processLeft .bodyCopy{
	margin: 3rem 0 3rem 0 ;
	box-sizing: border-box;
	padding-right: 4rem;
}

#processRight{
	width: 50%;
	display: flex;
	flex-direction: column;
}
.stepText{
	color: var(--Teal-Dark, #145D6F);
	font-family: Gotham;
	font-size: 5rem;
	font-style: normal;
	font-weight: 900;
	line-height: 6.8rem; /* 136% */
    letter-spacing: 0.5rem;
    padding-left: 2rem;
}
.stepNumber{
	color: var(--Orange, #F8991F);
	text-align: center;
	font-family: Roboto;
	font-size: 10rem;
	font-style: normal;
	font-weight: 900;
	line-height: 6.8rem; /* 68% */
	letter-spacing: .1rem;
	text-transform: uppercase;
	background-image: url('/wp-content/uploads/2026/02/stepCloud.svg');
	background-size: contain;
	background-repeat: no-repeat;
	min-width: 16rem;
	height: 14rem;
}
.step{
	display: flex;
	flex-direction: row;
	flex: 1 1 auto;
	justify-content: flex-start;
    align-items: center;
}
.step1 .stepNumber{
	padding: 1rem 0 0 4rem;
    background-position: left top;
    background-size: 80%;
}
.step2 .stepNumber{
	padding: 0 4rem 0 0;
    background-position: right top;
    background-size: 80%;
}
.step3 .stepNumber{
	padding: 0 0 0 6rem;
    background-position: left top;
    background-size: 80%;
}
/* - Section - Clients - - - - - - - - - - - - */
#clients{
	background-color: #ffffff;
	color: #000000;
	padding: 8rem 0;
}
.clientsTitle{
	color: #000;
	text-align: center;
	font-size: 6.3rem;
	font-style: normal;
	font-weight: 500;
	line-height: 6.8rem; /* 107.937% */
	letter-spacing: .063rem;
	text-transform: uppercase;
	margin-top: 5vw;
}
.logoSliderHolder{
	width: 100vw;
	overflow-x: clip;
}
.logoSlider.slider-one{
	display: flex;
	flex-direction: row;
	margin-top: 40px;
	width: max-content;
	transform: translateX(0vw);
}
@supports (animation-timeline: view()) {
	.logoSlider.slider-one{
		will-change: transform;
		transform-origin: left;
		animation-name: logo-slider-one;
		animation-timeline: view();
		animation-range: entry 0% exit 100%;
	}
}
@keyframes logo-slider-one {
	from { transform: translateX(30vw); }
	to   { transform: translateX(calc(-100% + 70vw)); }
}
.logoSlider.slider-two,
.logoSlider.slider-three{
	display: none;
}
.logoSlider .slide{
	padding: 0 3.2vw;
}
.logoSlider .slide img{
	width: auto;
	height: auto;
	max-height: 7.2rem;
}

/* - Section - CTA - - - - - - - - - - - - */
#cta{
	background-color: #ffffff;
	color: #000000;
	display: none;
/*	display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#cta h2.ctacta{
	color: var(--Black, #000);
	text-align: center;
	font-family: Gotham;
	font-size: 5rem;
	font-style: normal;
	font-weight: 900;
	line-height: 6.8rem; /* 136% */
	letter-spacing: .05rem;
	text-transform: uppercase;
	margin-bottom: 40px;
}
#cta .blueButt{
	width: 200px;
	background: #7EB0BC;
	border: solid 2px #ffffff;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(126, 176, 188, 1) 50%);
    background-size: 220%;
	background-position: -220px center;
	transition: all .2s ease;
	box-sizing: border-box;
}
	
#cta .blueButt:hover{
	color: #145D6F;
	background: #ffffff;
	border: solid 2px #7EB0BC;
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 50%, rgba(126, 176, 188, 1) 50%);
    background-size: 220%;
	background-position: 0px center;
	transition: all .2s ease;
}

/* - Section - FAQ - - - - - - - - - - - - */
#faq{
	background-color: #000000;
	color: #ffffff;
}
#faq h2{
	color: #F8991F;
	margin-top: 6.4vw;
}
.faqCloudOne{
	top: 8.6rem;
	left: -1vw;
	z-index: 4;
	width: 14vw;
	aspect-ratio: 275 / 172;
	position: absolute;
	transform: translateX(-1vw);
	view-timeline-name: --fc1;
	view-timeline-axis: block;
}

@supports (animation-timeline: view()) {
	.faqCloudOne{
		view-timeline-name: --fc1;
		view-timeline-axis: block;
		animation-name: faqcloudone;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: both;
		animation-timeline: --fc1;
		animation-range: entry 0% exit 100%;
	}
}
@keyframes faqcloudone{
  from{
    transform: translateX(-1vw);
  }
  to{
    transform: translateX(20vw);
  }
}
.faqCloudTwo{
	top: 44rem;
	z-index: 4;
	width: 38vw;
	aspect-ratio: 731 / 315 ;
	position: absolute;
	transform: translateX(-6vw);
	view-timeline-name: --fc2;
	view-timeline-axis: block;
}

@supports (animation-timeline: view()) {
	.faqCloudTwo{
		view-timeline-name: --fc2;
		view-timeline-axis: block;
		animation-name: faqcloudtwo;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-fill-mode: both;
		animation-timeline: --fc2;
		animation-range: entry 0% exit 100%;
	}
}
@keyframes faqcloudtwo{
  from{
    transform: translateX(-6vw);
  }
  to{
    transform: translateX(60vw);
  }
}
.faqColumns{
	display: flex;
	flex-direction: row;
    position: relative;
    z-index: 25;
}
#faq .oneThirdColumn{
	width: 33vw;
}
#faq .twoThirdsColumn{
	width: 67vw;
	padding-left: 8rem;
}
.accordionItem{
	margin: 0;
	border: solid 1px #ffffff;
	border-left: none;
	border-right: none;
	padding: 5rem 3rem 4rem 6rem;
}
.accordionTitle{
	color: #7EB0BC;
	font-family: Gotham;
	font-size: 5rem;
	font-style: normal;
	font-weight: 900;
	line-height: 6.8rem; /* 136% */
	letter-spacing: 0.05rem;
	margin-bottom: 1.3rem;
	cursor: pointer;
	transition: all 1s ease;
}
.accordionTitle:hover{
	color: #ffffff;
}
.accordionTitle:before {
	content:url('/wp-content/uploads/2026/02/orangePlus.svg');
	display: inline-block;
	margin: -.8rem 1.6rem 0 -4rem;
    vertical-align: top;
	font-weight: 900;
}
.accordionItem.shown .accordionTitle:before {
    content: url('/wp-content/uploads/2026/02/orangeMinus.svg');
	display: inline-block;
	margin: -.8rem 1.6rem 0 -4rem;
    vertical-align: top;
	font-weight: 900;
	height: 20px;
    width: 20px;
}
.accordionContent{
	overflow: hidden;
    max-height: 400px;
}

.accordionContent{
	overflow: hidden;
    max-height: 0px;
	transition: all 1s ease;
}
.accordionItem.shown .accordionContent{
    max-height: 400px;
}
/* - Section - Footer - - - - - - - - - - - - */
#footer{
	background-color: #000000;
	color: #ffffff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	padding-bottom: 2vw;
}
.bottomLogo{
	aspect-ratio:  415 / 372;
	width: 21.6vw;
	margin: 5vw auto 5.6rem auto;
	flex: 1 1 auto;
	opacity: 0;
	transition: opacity 1.5s ease;
	will-change: opacity;
}

/* When fully visible */
.bottomLogo.is-visible{
	opacity: 1;
}

/* Optional: respect reduced motion */
@media (prefers-reduced-motion: reduce){
	.bottomLogo, #footerTitle{
		transition: none;
	}
}
.footTitle{
	margin: 0 0 3vw 0;
	position: relative;
}
.tmfoot{
	font-size: 1.3rem;
    position: absolute;
    right: -2.6rem;
    top: -7px;
}
.footSubTitle{
	margin: 0 auto 4vw auto;
    max-width: 1000px;
    width: 70vw;
}
.footerCTA{
	flex: 1 1 auto;
	padding-bottom: 15rem;	
}
#footer .fineprint{
	margin: 8vw 0 0 0;
	color: #ffffff;
	font-size: 1.9rem;
	position: absolute;
	bottom: 2rem;
	width: calc(90vw - 22rem);
	left: 2rem;
}
#footer .fineprint a{
	color: #7EB0BC;
}
#footer .fineprint a:hover{
	color: #F8991F;
}
.badges-right{
	display: flex;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 2rem;
	align-items: center;
}
.badges-right img.google-badge{
	height: 7rem;
	width: auto;
}
.badges-right img.meta-badge{
	height: 9rem;
	width: auto;
}
/* - Section - Modal - - - - - - - - - - - - */
#modal{
	position: fixed;
	background: #131a2fe6;
	top: 100vh;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	height: 0vh;
	width: 100vw;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 1s ease;
}
#modal.visible{
	top: 0;
	height: 100vh;
	opacity: 1;
}
#modal .modalPanel{ 
	background-color: #7EC9E9;
	background-image: url('/wp-content/uploads/2026/02/sky.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #000000;
	overflow: scroll;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	width: 100vw;
	position: absolute;
	padding: 8rem 6.6rem;
	display: none;
	transition: all 1.5s ease;
}
#modal.visible .modalPanel{
	display: block;
	opacity: 1;
}
#modalHeader{
	background-color: #7EC9E9;
	background-image: url('/wp-content/uploads/2026/02/sky.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	display: flex;
    justify-content: flex-end;
    align-items: flex-start;
	margin-bottom: 6rem;
}
#modalCloser{
	width: 160px;
}
#modalCloser .hoved{
	display:none;
}
#modalCloser .unhoved{
	display:block;
}
#modalCloser:hover .hoved{
	display:block;
}
#modalCloser:hover .unhoved{
	display:none;
}
#modalFooter{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
	width: 30%;
    position: fixed;
    bottom: 7vh;
    left: 8rem;
}
#modalLinkIcons{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
}
.zgLink img{
	aspect-ratio: 1 / 1;
	width: 8.5vw;
    max-width: 70px !important;
}
.socialLink{
	display: flex;
    justify-content: center;
    align-items: center;
	height: 20px;
	width: 40px;
	margin-bottom: 2vw;
	height: 20px;
	width: 40px;
}
.socialLink img{
	height: 20px;
}
#modalLinkfinePrint a,
#modalLinkfinePrint{
	color: #ffffff;
	font-size: 15px;
}
#modalLinkfinePrint a:hover{
	color: #1F2944;
}

.modalSticky{
	position: fixed;
    width: 33%;
    top: 20vw;
}
#modalContent{
	display: flex;
	flex-direction: row;
	width: 100%;
    justify-content: space-between;
}
#modal .bodyCopy{
	font-size: 1.9rem;
	margin-top: 3rem;
}
#modal #modalLeft{
	width: 33%;
	opacity: 0;
	transition: all 3s ease 1s;
}
#modal.visible #modalLeft{
	opacity: 1;
}
#modal .twoThirdsColumn{
	width: 60%;
	padding-left: 40px;
}
#modal .modalTitle{
	color: #145D6F;
	font-family: Gotham;
	font-size: 6rem;
	font-style: normal;
	font-weight: 500;
	line-height: 6.2rem; /* 103.333% */
	letter-spacing: 0.06rem;
	text-transform: uppercase;
}
#gform_16 .gfield_select,
#gform_16 .gfield input {
	border-radius: 15px;
	opacity: 0.8;
	background: #ffffffbd;
	border: none;
	color: #1F2944;
}
#gform_16 .gfield_select{
	background-image: url('/wp-content/uploads/2026/02/dropcarat.svg') ;
	background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 1.6rem;
}
/* Gravity Forms select dropdown arrow fix */
.gform_wrapper select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px 8px;

  padding-right: 2.5rem; /* room for arrow */
}

#gform_16 .gfield_label{
	color: #1F2944;
}
#gform_16 .gfield_required{
	color: #F8991F;
}
#gform_16 .gfield_description,
#gform_16 .gform-field-label--type-sub{
	color: #145D6F;
}
#gform_16 #gform_submit_button_16{
	color: #fff;
    font-family: "gotham", sans-serif;
    font-style: normal;
    font-weight: 1000;
    letter-spacing: .08rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: flex;
    min-height: 5rem;
    padding: .8rem 2rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    border-radius: 1.5rem;
/*	background: #F8991F;*/
	width: 175px;
	background: linear-gradient(90deg,rgba(20, 93, 111, 1) 50%, rgba(248, 153, 31, 1) 50%);
    background-size: 200%;
	background-position: -175px center;
	transition: all .2s ease;
	border: none;	
}
#gform_16 #gform_submit_button_16:hover{
	background: red;
	background: linear-gradient(90deg,rgba(20, 93, 111, 1) 50%, rgba(248, 153, 31, 1) 50%);
    background-size: 200%;
	background-position: 0px center;
	transition: all .2s ease;
}
#gform_16 .gform-footer{
	align-items: flex-end;
    flex-direction: row-reverse;
}

/* - Mobile Animations (can't put them in media queries) - - - - - - - - - - - - */
	@keyframes logo-slider-two {
		from { transform: translateX(70vw); }
		to   { transform: translateX(-38vw); }
	}
	@keyframes logo-slider-three {
		from { transform: translateX(-110vw); }
		to   { transform: translateX(1vw); }
	}

@media (max-width: 1200px) {
/* - Utility - - - - - - - - - - - - */

/* - Full Page Stuff - - - - - - - - - - - - */

/* - Section - Top - - - - - - - - - - - - */
	
/* - Section - Intro - - - - - - - - - - - - */
	#intro h2 {
		display: block;
	}
/* - Section - Samples - - - - - - - - - - - - */

/* - Section -  Services- - - - - - - - - - - - */

/* - Section - Process - - - - - - - - - - - - */

/* - Section - Clients - - - - - - - - - - - - */

/* - Section - CTA - - - - - - - - - - - - */

/* - Section - FAQ - - - - - - - - - - - - */

/* - Section - Footer - - - - - - - - - - - - */

/* - Section - Modal - - - - - - - - - - - - */

}
@media (max-width: 1080px) {

/* - Utility - - - - - - - - - - - - */

/* - Full Page Stuff - - - - - - - - - - - - */
	
/* - Section - Top - - - - - - - - - - - - */

/* - Section - Intro - - - - - - - - - - - - */
	.twoColumnCopy{
		column-count: 1;
	}
/* - Section - Samples - - - - - - - - - - - - */

/* - Section -  Services- - - - - - - - - - - - */
	
	#servicesTop{
		flex-direction: column;
	}
	#servicesRight,
	#servicesLeft{
		width: 100%;
	}
	#servicesRight{
		padding: 10vw 0;
	}

/* - Section - Process - - - - - - - - - - - - */

	.processContent{
		flex-direction: column;
	}
	#processLeft,
	#processRight{
		width: 100%;
	}
	#processRight{
		padding-top: 10vw;
	}

/* - Section - Clients - - - - - - - - - - - - */

/* - Section - CTA - - - - - - - - - - - - */

/* - Section - FAQ - - - - - - - - - - - - */
	
	#faqContent{
		flex-direction: column;
	}
	#faq .oneThirdColumn,
	#faq .twoThirdsColumn{
		width: 100%;
	}
	#faq .twoThirdsColumn{
		padding-left: 0;
		padding-top: 10vw;
	}

/* - Section - Footer - - - - - - - - - - - - */
	#footer .fineprint {
		width: calc(90vw - 31vw);
	}
/* - Section - Modal - - - - - - - - - - - - */

}
@media (max-width: 767px) {

/* - Utility - - - - - - - - - - - - */

/* - Full Page Stuff - - - - - - - - - - - - */

/* - Section - Top - - - - - - - - - - - - */
	#top{
		aspect-ratio: 1 / 1.2;
	}
	.tagline{
		top: 4vw;
		left: 4vw;
	}
	#top .yellowButt {
		top: unset;
		right: unset;
		bottom: 7vw;
		left: 4vw;
		z-index: 999;
	}
	.titleContent {
		top: unset;
		left: 7vw;
		width: 86vw;
		bottom: 40vw;
	}
	.titleFactory {
		top: unset;
		width: 61vw;
		bottom: 28vw;
		left: 8vw;
	}
	.topLogo {
		position: absolute;
		animation-name: logo-grow-mobile;
		width: 45vw;
	}
	.titleCloudTwo {
        bottom: 21vw;
        left: -7vw;
    }
	.titleCloudOne {
		right: -8.7vw;
		top: unset;
		bottom: 42vw;
	}
	.birds {
		height: 50%;
		top: 35%;
	}
	.birds img {
    	width: 4vw;
	}
	#top .fakemargin {
    	height: 5vw;
	}
/* - Section - Intro - - - - - - - - - - - - */

/* - Section - Samples - - - - - - - - - - - - */
	.sampleSlider .slide{
		width: 30vw;
	}
/* - Section -  Services- - - - - - - - - - - - */

/* - Section - Process - - - - - - - - - - - - */

/* - Section - Clients - - - - - - - - - - - - */

	.logoSlider.slider-one{
		display: none;
	}
	.logoSlider.slider-two{
		display: flex;
		flex-direction: row;
		margin-top: 40px;
		width: max-content;
		transform: translateX(0vw);
	}
@supports (animation-timeline: view()) {
	.logoSlider.slider-two{
		will-change: transform;
		transform-origin: left;
		transform: translateX(70vw);
		animation-name: logo-slider-two;
		animation-timeline: view();
		animation-range: entry 0% exit 100%;
	}
}
	.logoSlider.slider-three{
		display: flex;
		flex-direction: row;
		margin-top: 40px;
		width: max-content;
		transform: translateX(0vw);
	}
@supports (animation-timeline: view()) {
	.logoSlider.slider-three{
		will-change: transform;
		transform-origin: left;
		transform: translateX(-120vw);
		animation-name: logo-slider-three;
		animation-timeline: view();
		animation-range: entry 0% exit 100%;
	}
}
/* - Section - CTA - - - - - - - - - - - - */

/* - Section - FAQ - - - - - - - - - - - - */

/* - Section - Footer - - - - - - - - - - - - */

/* - Section - Modal - - - - - - - - - - - - */
	#modalContent{
		flex-direction: column;
	}
	#modal #modalLeft {
    	width: 100%;
	}
	#modal .twoThirdsColumn {
		width: 100%;
		padding-left: 0;
	}
	.modalSticky {
		position: relative;
		width: 100%;
		top: unset;
	}
	#modalFooter {
		width: 100%;
		position: relative;
		left: unset;
		bottom: unset;
		margin-top: 2rem;
	}
	#footer .fineprint {
		font-size: 1.4rem;
		width: calc(90vw - 36vw);
	}
}
@media (max-width: 600px) {
/* - Utility - - - - - - - - - - - - */
	#content, p{
		font-size: 1.6rem;
	}
	.section {
		padding: 8rem 3.6rem;
	}
/* - Full Page Stuff - - - - - - - - - - - - */
	h2, .clientsTitle{
		font-size: 4.3rem;
		line-height: 5.6rem;
	}
/* - Section - Top - - - - - - - - - - - - */
	#top .yellowButt {
		bottom: 1.5vw;
	}
/* - Section - Intro - - - - - - - - - - - - */
	
/* - Section - Samples - - - - - - - - - - - - */

/* - Section -  Services- - - - - - - - - - - - */
	.service, a.service {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
	.largeCTAtext, #cta h2.ctacta {
		font-size: 4rem;
		line-height: 5.8rem;
	}
/* - Section - Process - - - - - - - - - - - - */
	.step {
		flex-direction: column;
	}
	.stepText {
		font-size: 3.5rem;
		line-height: 4.5rem;
		margin-bottom: 7rem;
		text-align: center;
	}
/* - Section - Clients - - - - - - - - - - - - */

/* - Section - CTA - - - - - - - - - - - - */

/* - Section - FAQ - - - - - - - - - - - - */
	.accordionTitle {
		font-size: 3rem;
		line-height: 3.8rem;
	}
	.accordionTitle::before {
		margin: 0rem 1.6rem 0px -4rem;
	}
/* - Section - Footer - - - - - - - - - - - - */
	#footer{
		height: 80vh;
	}
	.bottomLogo{
		display: flex;
		justify-content: center;
		align-items: flex-end;
		min-width: 15rem;
	}
	.footTitle {
		margin: 0 0 2vw 0;
	}
	.footSubTitle{
		margin-bottom: 7vw;
		width: 84vw;
	}
	#footer .fineprint{
		text-align: center;
		font-size: 1.4rem;
		width: 80vw;
	}
	
	#footer .fineprint {
		width: 90vw;
	}
	.badges-right {
		display: flex;
		position: relative;
		padding: 0 2rem;
		align-items: center;
		margin-bottom: 8rem;
	}
/* - Section - Modal - - - - - - - - - - - - */

}

@media (max-width: 500px) {
/* - Utility - - - - - - - - - - - - */

/* - Full Page Stuff - - - - - - - - - - - - */

/* - Section - Top - - - - - - - - - - - - */
	#top{
/*		margin-bottom: 8rem;*/
	}
	#top .yellowButt {
		bottom: 0vw;
	}
	    #top .fakemargin {
        height: 16vw;
    }
	.topLogo {
		bottom: 9vw;
	}
	.titleFactory {
        bottom: 37vw;
	}
	.titleContent {
        bottom: 49vw;
	}
	.titleCloudOne {
        bottom: 51vw;
	}
	.titleCloudTwo {
        bottom: 30vw;
	}
	.birds {
        top: 29%;
	}
/* - Section - Intro - - - - - - - - - - - - */
	
/* - Section - Samples - - - - - - - - - - - - */
    .sampleSlider .slide {
        width: 50vw;
    }
/* - Section -  Services- - - - - - - - - - - - */
	#service .largeCTAtext{
		margin-bottom: 6rem;
	}
	#servicesBottom .buttonLink{
		margin: 1rem auto 15rem auto;
	}
	.serviceCloudOne {
		top: 1rem;
		width: 40vw;
	}
	.serviceCloudTwo {
		top: 63rem;
		width: 71vw;
	}
/* - Section - Process - - - - - - - - - - - - */
	#process .blueButt {
		margin: auto;
	}
/* - Section - Clients - - - - - - - - - - - - */
    h2, .clientsTitle {
		margin-bottom: 9rem;
	}
/* - Section - CTA - - - - - - - - - - - - */
	#cta{
    	margin-bottom: 9rem;
	}
/* - Section - FAQ - - - - - - - - - - - - */
	.accordionItem {
		padding: 6rem 3rem 4rem 6rem;
	}
/* - Section - Footer - - - - - - - - - - - - */
	#footer {
        height: 100vh;
    }
	.badges-right {
        margin-bottom: 11rem;
    }
	
/* - Section - Modal - - - - - - - - - - - - */
	h2.modalTitle{
		margin-bottom: 3rem;
	}
}
@media (max-height: 700px) {
/* - Utility - - - - - - - - - - - - */

/* - Full Page Stuff - - - - - - - - - - - - */

/* - Section - Top - - - - - - - - - - - - */
	
/* - Section - Intro - - - - - - - - - - - - */
	
/* - Section - Samples - - - - - - - - - - - - */
	
/* - Section -  Services- - - - - - - - - - - - */
	
/* - Section - Process - - - - - - - - - - - - */

/* - Section - Clients - - - - - - - - - - - - */

/* - Section - CTA - - - - - - - - - - - - */

/* - Section - FAQ - - - - - - - - - - - - */

/* - Section - Footer - - - - - - - - - - - - */
	
/* - Section - Modal - - - - - - - - - - - - */
	.modalSticky, #modalFooter {
		position: relative;
		width: auto;
		left: unset;
		top: unset;
		bottom: unset;
	}
	.modalSticky{
		margin-bottom: 80px;
	}
	#modalContent{
		flex-direc: column;
	}
}