/* FONT CUSTOMIZATIONS */

h1, h2, h3 {font-weight:bold !important}
h1 {font-size:3rem !important}
h2 {font-size:2.5rem !important}
h3 {font-size:1.5rem !important}
h5 {line-height: 1.2em !important;}

.btn-primary {
    color: #002d72 !important;
    background-color: #c4d600 !important;
    border-color: #c4d600 !important;
}
.btn {
    border-radius: 25px !important;
}
.text-lime {color: #c4d600 !important}

#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}
.mantle-bg-wrapper {position:absolute; overflow-x:visible; width:100%;  }
/*.mantle-inner1 {position:absolute; width:100%;}*/
img.mantle-bg {position:absolute; margin-top:-1160px}
.mantle {position:relative; overflow:visible;  }
.mantle .row {overflow:visible; position: relative; }
/*.mantle-inner1 img.mantle-bg {position:absolute; width:1920px; height:2200px;  }*/

.mantle-inner2 {padding-left: 5%; padding-right: 5%; transform: translateY(-0%); padding-bottom:150px}
.mantle-inner3 {overflow:visible; padding-left: 5%; padding-right: 5%; transform: translateY(-0%); padding-bottom:150px}
.hero-photo {} /* removed - merged into #spring-hero-photo1 */
#spring-hero-lines  {position:absolute; top:50px; transform: rotate(30deg) translateX(-30%); opacity:0; transition: all 1.5s;}
#spring-hero-lines.reset {transform: rotate(0deg) translateX(-30%); opacity:1; }
#spring-hero-lines img {width:120%;  visibility:hidden}
#spring-logo {width:210px; }
#spring-hero-text {padding-right:10%; padding-top: 50px; padding-left:5%; padding-bottom:150px; transform: translateX(-20%); opacity:0; transition: all 1.5s;}
#spring-hero-text.reset {transform: translateX(0px); opacity:1;}
#spring-hero-photo1 .carousel, #spring-hero-photo1 .carousel-innner, #spring-hero-photo1 .carousel-item {overflow:visible}
#spring-hero-photo1 {position:absolute; padding-left:10%; width:80%; margin-top:-250px; transform: translateX(20%); opacity:0; transition: all 1.5s;}
#spring-hero-photo1.reset {transform: translateX(0%); opacity:1;}
#spring-hero-photo1 img {width:100%}
#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; }



#module1 {overflow:hidden; }
.module1 {overflow:visible; position: relative; }
.module1-inner {position:absolute; overflow:visible; display:flex; align-items:center;  justify-content: center;  width:100%; transform: translateY(0); }
.module1-inner-phone {position:relative; overflow:visible; display:flex; align-items:center;  justify-content: center;  width:100%; transform: translateY(0); }
#module1-bg1 {position:absolute;  overflow:visible; display:flex; align-items:center;  justify-content: center;  width:100%; transform: translateY(10%) translateX(20%); opacity:0; transition: all 1s;}
#module1-bg1.reset { transform: translateY(10%) translateX(0%); opacity:1;}
#module1-bg2 { display:flex; align-items:center;  justify-content: center; width:100%; transform: rotate(30deg) translateX(-15px); opacity:0; transition: all 1.5s; }
#module1-bg2.reset { transform: rotate(0deg) translateX(-15px); opacity:1; }
#module1-phone {display:flex; align-items:center;  justify-content: center; width:100%; transform: translateY(-20%) translateX(-15px); opacity:0; transition: all 1s; }
#module1-phone.reset { transform: translateY(0%) translateX(-15px); opacity:1; }
#module1-text { padding-top:10%; padding-bottom:190px; transform: translateX(-20%); opacity:0; transition: all 1.5s;}
#module1-text.reset {  transform: translateX(0px); opacity:1; }

#module1-bg2 img {width:100%;  }
#module1-phone img {width:70%; padding-left:5% }


/*
#module2 {overflow:hidden}
.module2 {overflow:visible; position: relative; display:flex;   justify-content: center; }
#module2-bg {position:relative; overflow:visible; display:flex;  justify-content: center;  width:100%; }
#module2-text {position:absolute; text-align: center;  padding-top:10%; padding-left:10%; padding-right:10% }
#module2-bg img { width:100%;}

#module3 {overflow:hidden}
.module3 {overflow:visible; position: relative; }
#module3-bg {position:relative; overflow:visible; display:flex; align-items:center;  justify-content: center;  width:100%; }
#module3-bg img { width:100%;}
*/

/*#module3 {overflow:hidden}
.module3 {overflow:visible; position: relative; }*/
#module3-bg {display:flex; align-items:center;  justify-content: center;  width:100%; }
#module3-bg img { width:100%; padding-bottom:1em;}

#module3-bg2 {display:flex; align-items:center;  justify-content: center;  width:100%; }
#module3-bg2 img { width:100%;}






#module4 {overflow:hidden}
.module4 {overflow:hidden; position: relative; border-radius:8px;  }
#module4-bg1 {position:absolute; overflow:visible;  width:100%; }
.module4-text {position:relative; padding:5% 5% 10% 0%; text-align:center}
.module4-icon {padding-bottom:1%; }
.module4-icon img {padding-bottom:15px}
#module4-bg1 img { width:100%;}

#module5 {overflow:hidden}
.module5 {overflow:hidden; position: relative; border-radius:20px; background: rgb(0,49,113);
background: linear-gradient(90deg, rgba(0,49,113,1) 0%, rgba(84,195,241,1) 100%); }
.module5-bg {display:flex; align-items:flex-end;  justify-content: center;}
.module5-text {position:relative; text-align:center}
#module5-bg1 img { width:100%;}
#module5-bg1 {position:absolute; overflow:visible;  width:100%; transform: translateY(200px) ; opacity:0; transition: all 1.5s; }
#module5-bg1.reset { transform: translateY(0) ; opacity:1; }

#module6 {overflow:hidden}
.module6 {overflow:hidden; position: relative; border-radius:15px; background: rgb(0,49,113);
background: linear-gradient(90deg, rgba(0,49,113,1) 0%, rgba(84,195,241,1) 100%); }
.module6-text {position:relative; text-align:center}
#module6-bg {position:absolute; display:flex;  align-items:flex-end;  justify-content: center; border-radius:10px;  transform: translateX(200px) ; opacity:0; transition: all 1.5s;}
#module6-bg.reset { transform: translateX(0) ; opacity:1; }
#module6-bg img, .module6-bg2 img { width:100%;}


#get-started {overflow:hidden}
.get-started {overflow-x:visible; position: relative; margin-left: auto; margin-right: auto; }
.get-started-inner1 {position:absolute; height:300px; overflow:visible; transform: translateX(-50%); }
.get-started-inner2 {padding-left: 5%; padding-right: 5%; transform: translateY(-0%);}
#get-started-background-shapes img {height:300px; transform: translateY(0); transform: translateX(10%);}
#get-started-text {padding-right:10%; padding-top: 50px; padding-left:0%}
#get-started-form {padding-top: 50px; padding-left: 5%; padding-right: 5%; }

/* 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) { 

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

.mantle-inner2  { 
	padding-bottom: 0px;
}
.mantle-inner3 { 
	padding-bottom: 0px;
}
	
#spring-hero-photo1 {
	width:100%; 
	padding-left:0%;
	position:relative;
	margin-top:-100px;
	/*top:0px;
	right:0px;
	left:10%;*/
	}	

#spring-hero-lines img {visibility:hidden }

	
#module1-text { padding-top:0%; padding-bottom:50px; }

#module2-bg img { width:75%;}
#module2-text {padding-top:10%; padding-left:20%; padding-right:20% }
	
/*#module3-bg img { width:75%;}*/

	
	
	.module-4 {border-radius:0px; }
#module4-bg1 {position:relative;  }
.module4-text {position:absolute; padding:5%}
    


}

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

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

.mantle-inner2 {padding-bottom:100px}
.mantle-inner3 {padding-bottom:100px}	
#spring-hero-lines img {visibility:visible; width:140%; }
#spring-hero-photo1 {width:120%; position:absolute; margin-top:40px; padding-left:0}
	
#module1-text { padding-top:0%; padding-bottom:50px; }
	
#module2-bg img { width:100%;}
#module2-text {padding-top:5%; padding-left:10%; padding-right:10% }
	
/*#module3-bg img { width:50%;}*/

	
.get-started-inner1 {height:300px; transform: translateX(-30%); }
.get-started-inner2 {height:300px;  }
#get-started-background-shapes img {height:300px; }
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
/*
.mantle-inner1 {top: -1200px; }
.mantle-inner1 img.mantle-bg {width:1920px; height:2200px  }*/
	/* height of this image is 1.14 x width */
	
	
img.mantle-bg {margin-top:-1300px}
	
.mantle-inner2 {padding-bottom:120px}
.mantle-inner3 {padding-bottom:120px}
#spring-hero-photo1 { width: 100%; padding-left:10% }
#spring-hero-lines img { width:100%; }
	
	
#module1-text { padding-top:10%; padding-bottom:100px; }

	
#module2-bg img { width:75%;}
#module2-text {padding-top:5%; padding-left:20%; padding-right:20% }
	
/*#module3-bg img { width:100%;}*/
	
	
#module4-bg1 { padding-bottom:0% }
.module4-text {padding:2%; text-align:left; font-size:.7em}

#module6-bg {position:absolute; display:flex;  align-items:flex-start;  justify-content: flex-end;}

.get-started {overflow:visible; height:450px;}
.get-started-inner1 {position:absolute; height:450px; transform: translateX(-70%); }
.get-started-inner2 {position:absolute; height:450px; overflow:visible; margin-left: 0%;  }
#get-started-background-shapes img {height:450px; }
#get-started-text {padding-right:25%; }
#get-started-form {padding-left:50px}

	
	
}

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


img.mantle-bg { margin-top:-1160px}
.mantle-inner2 {padding-bottom:250px}
.mantle-inner3 {padding-bottom:250px}
	
#module1-text { padding-top:10%; padding-bottom:180px; }

.get-started-inner1 {transform: translateX(-60%); }

    #module3-bg img { width:75%;}

}



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

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .mantle-bg-wrapper { left:-960px; text-align:center }
	#module2-text {position:relative; padding-bottom:100px}
	#module2-bg {position:absolute; height:100%; left:0; top:0}
	.module4-text {position:relative; padding-bottom:100px;}
	#module4-bg1 {position:absolute; height:100%; left:0; top:0}
}

/* 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) {
}
*/