<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* FONT CUSTOMIZATIONS */
/* h2, h3, h4 {font-weight:bold !important}
h1 {font-size:2.5rem !important}
h2 {font-size:1.5rem !important}
h3 {font-size:1.2rem !important}
h4 {font-size: 1rem !important; line-height: 1.5rem !important;}
h5 {font-size: .8rem !important;}

body, p, li {
    font-family: "Interstate", Arial, sans-serif;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    font-weight: lighter;
}

.btn-primary {
    color: #ffffff; 
    background-color: #A05EB5; 
    border-color: #A05EB5; 
}
.btn {
    border-radius: 25px !important;
} */

.skew {
  transform: skewX(-7deg);
}
    
.skew-inner {
  transform: skewX(7deg);
}

/* #main-header #blue-wave-inner #main-header-lob a {
    font-size: 1.6em;
}

#dropdownMenu2.btn-secondary {background-color:#ffffff; 
    border-color: #ffffff;
    color: #53565a; font-weight:lighter} */


/* LAYERS - MOBILE FIRST */
/* This first section pertains to xs size and up. media queries ahead to cover any overrides needed for sm, md, lg, xl */
/* Note also that any mods will cascade up to next size in order listed below and may need to be overridden in each */


#hero {overflow:hidden; position:relative; margin-bottom: 150px}
.mantle-bg-wrapper {position:absolute; overflow-x:visible; width:100%;  }
img.mantle-bg {position:absolute; margin-top:-1660px}
.mantle {position:relative; overflow:visible;  }
.mantle .row {overflow:visible; position: relative; }
.solution-nav-box {width:100%; height:auto; border-bottom:6px solid #ffffff; border-radius: 4px; background-color: #ffffff; margin: 5px;  filter: drop-shadow(0 0 0.25rem #000000); padding:10px 10px; text-align:center}
.solution-nav-box:hover {border-bottom:6px solid #00bdf2; filter: drop-shadow(0 0 0.75rem #000000);}
.mantle-inner2 a {text-decoration:none; color:#53565a}
.mantle-inner2 .arrow {width:100%; position:absolute; display: flex; bottom:30px; align-items:center;  justify-content: center;}
#spring-hero-background-shape1 { transform: rotate(-30deg) ; opacity:0; transition: all 1.5s; }
#spring-hero-background-shape1.reset { transform: rotate(0deg) ; opacity:1; }
#spring-hero-background-shape2 { transform: rotate(-30deg) ; opacity:0; transition: all 1s; }
#spring-hero-background-shape2.reset { transform: rotate(0deg) ; opacity:1; }
#spring-hero-background-shape3 { transform: rotate(-30deg) ; opacity:0; transition: all 1.5s; }
#spring-hero-background-shape3.reset { transform: rotate(0deg) ; opacity:1; }
#spring-hero-background-shape4 { transform: rotate(-30deg) ; opacity:0; transition: all 1s; }
#spring-hero-background-shape4.reset { transform: rotate(0deg) ; opacity:1; }
/*#spring-hero-text {display: flex; justify-content:center;}*/
#spring-logo {width:100%; margin-top:50px}
#spring-logo img {width:210px;}


#get-started-form {padding-top:20px}

/* MEDIA QUERIES */
/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

	
.mantle-inner1 img.mantle-bg {width:800%; height:916%; transform: translateY(-60%);  } /* height of this image is 1.14 x width */
.mantle-inner2  { 
	padding-bottom: 0px;
}

	
}

/* Medium-Large devices (desktops, Tablet and up, 768px and up)  */
@media (min-width: 768px) { 

	img.mantle-bg {margin-top:-1650px}

.mantle-inner1 img.mantle-bg {width:200%; height:228%; transform: translateY(-60%);  } /* height of this image is 1.14 x width */
.mantle-inner2 {padding-bottom:100px}
#spring-hero-lines img {visibility:visible; width:140%; }

.carousel-item {padding-left:10%}
	
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
	
img.mantle-bg {margin-top:-1700px}

.mantle-inner2 {padding-bottom:120px}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

img.mantle-bg { margin-top:-1560px}
	
.mantle-inner2 {padding-bottom:250px}

}



/* -------------- IE HACKS ------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .mantle-bg-wrapper { left:-960px; text-align:center }
}

/* IF NEEDED LATER - MORE MEDIA QUERIES FOR IE

@media all and (min-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

@media all and (min-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
*/


</pre></body></html>