@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,500;0,700;0,900;1,400;1,700;1,900&display=swap');
:root {
	--blueBrand: #041f3b;
	--orangeBrand: #f8ad22;
	
	--greyBrand:#e0e4e7 ;
	--blueBrandTrans: rgba(4,31,59, 0.95);
	--blueBrandTrans50: rgba(4,31,59, 0.50);
	--orangeBrandTrans: rgba(248,173,34, 0.95);
}
/* CSS RESET */

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,
ul,
li,
fieldset,
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;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}


body {
	background: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
    font-size: 16px;
    line-height: 1.2;
}
.nomargin{margin:0;}
.nopadding(padding:0;)
/* Header Styles */
#page{
     clear:both;}
 
div.header{
     display:block;
    width:100%;}

div.header-outer{
    display:block;
    width:100%;
    z-index:100;
    position:fixed;}
 
div.header-inner{
     display:block;
    width:100%;
    background:var(--blueBrand);
   }
 
div.header-copy{
     display:block;
    width:100%;
     padding-left:30px;padding-right:30px;max-width:1265px;
    margin:0 auto;
    }
 
span.header-logo{
    padding-top:45px;
    display:block;
    width:100%;
    max-width:285px;
    padding-bottom:0px;}
 
span.header-logo a{ }
 
span.header-logo a img{
    display:block;
    width:100%;}

span.headerCta {
    display:block;
    width:100%;
    text-align:right;
    padding-top:50px;
    padding-bottom:10px;
    line-height:1.5;
    font-size:1.25em;
    }
    
span.headerCta-Text{
    display:block;
    width:100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:700;
    color:var(--blueBrand);}

span.headerCta-Telephone{
    display:block;
    width:100%;
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:500;
    line-height:1.5;}

span.headerCta-Telephone span{
    color:var(--orangeBrand);
    font-weight:700}

span.headerCta-Email{
    display:block;
    width:100%;
    color:#fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:500;
    line-height:1.5;}

span.headerCta-Email span {
    color:var(--orangeBrand);
    font-weight:700;}
 span.headerCta-Alert{ display:block;
    width:100%;
    text-align:right;}
    
span.headerCta-Alert a {text-decoration:none;color:var(--orangeBrand);font-weight:500;}


span.headerCta-Alert a:hover {opacity:.8;text-decoration:underline;font-weight:500;}


@media (max-width: 992px) {
    

 span.header-logo {
  padding-top: 25PX;
  padding-bottom: 25px;}
 span.headerCta {
  display: block;
  width: 100%;
  text-align: right;
  padding-top: 21px;
  line-height: 1.5;
  font-size: 1.25em;
  padding-right:60px;
}

}

@media (max-width: 768px) {
    
    span.header-logo {
  padding-top: 25PX;
  max-width:200px;
  padding-bottom: 25px;}
 span.headerCta {
     font-size:1.05em;
  display: block;
  width: 100%;
  text-align: right;
  padding-top: 7px;
  line-height: 1.5;

  padding-right:60px;
    
}
}


@media (max-width: 576px)  {
 

 span.header-logo {
  margin:0 auto;display:block;  padding-top: 10PX;
  max-width:280px;
  padding-bottom: 10px;}

 span.headerCta {
  text-align:center;
  display: block;
  max-width:280px;
  text-align: right;
  padding-top: 5px;
  line-height: 1.5;
padding-right:0px;
margin:0 auto;
}
    
 span.headerCta-Telephone {
  text-align: center;}    
    
  span.headerCta-Email {
  text-align: center;} 
    span.headerCta-Alert {
  text-align: center;}
}



/* End Header */
/* Banner Styles */

div.home-banner-wrapper{display:block;width:100%;padding-top:180px;}

div.home-banner-container{margin:0 auto;display:block;width:100%;}

div.home-banner-container img{display:block;width:110%;}


@media (max-width: 1199px) {
    div.home-banner-wrapper{display:block;width:100%;padding-top:176px;}
}
@media (max-width: 992px) {
   div.home-banner-wrapper{display:block;width:100%;padding-top:138px;}
}
@media (max-width: 768px) {
      div.home-banner-wrapper{display:block;width:100%;padding-top:111px;}
}
@media (max-width: 576px) {
      div.home-banner-wrapper{display:block;width:100%;padding-top:180px;}
}
/* Home Copy */

div.home-content-wrapper {
 display:block;
 width:100%;
 background:var(--greyBrand)
}
 
div.home-header-wrapper {
 display:block;
 
 width:100%;
 margin:0 auto;background:var(--blueBrand);}
 
div.home-content-header-container { margin:0 auto;max-width:1440px;}
 
div.home-header-wrapper .home-header {
 display:block;width:100%;
 padding-top:35px;
 padding-bottom:35px;
 padding-left:30px;
 padding-right:30px;
 text-align:center;
 background:var(--blueBrand);}
 
div.home-header-wrapper .home-header h1 {
 color:var(--orangeBrand);
 font-size:1.6em;
 font-weight:300;
 line-height:1.15;
}

div.home-content-container .home-content {
 display:block;width:100%;
 padding-top:45px;
 padding-bottom:25px;
 padding-left:30px;
 padding-right:30px;
 text-align:center;
 max-width:1260px;margin:0 auto;}

span.home-content p{
    text-align:center;
    padding-bottom:30px;
    color:#000a23;
    font-weight:300;
    line-height:1.21;
    font-size:1.4em;
}


@media (max-width: 1199px) {}
@media (max-width: 992px) {
 
 div.home-content-container .home-header {
  display:block;width:100%;
  padding-top:45px;
  padding-bottom:45px;}
 
 .home-header h1 {
  color:var(--orangeBrand);
  font-size:2.4em;} 
   
 div.home-content-container .home-content {
 padding-top:25px;
 padding-bottom:25px;}

span.home-content p{
 padding-bottom:20px;
 font-size:1.4em;}
    
}
@media (max-width: 768px) {
    div.home-content-container .home-header {
  padding-top:25px;
  padding-bottom:25px;}
 
.home-header h1 {
  font-size:1.6em;} 
 
  div.home-content-container .home-content {
 padding-top:20px;
 padding-bottom:20px;}

span.home-content p{
 font-size:1.6em;}
 
}
@media (max-width: 576px) {
 .home-header h1 {
  font-size:1.4em;}
  span.home-content p{
 font-size:1.2em;}
 
}
/* Home Boxes */
.nav-boxes-wrapper {
  display: flex;
  justify-content: center;
  background:var(--greyBrand);width:100%;
}

.nav-boxes-container {
    background:var(--greyBrand);
    width:100%;
  max-width: 1440px;padding-left:10px;padding-right:10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /* Add negative margin to compensate for the gap */padding-bottom:60px;
}

.box {
  position: relative;
  width: calc((100% - 30px) / 4); /* 30px accounts for the 10px gap on each side */
  margin-bottom: 20px; /* Add a gap beneath the boxes */z-index:10;
}

.box-placeholder {
  width: 100%;
  height: auto;
  opacity: 0;
}

.box-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}

.overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-color:var(--blueBrand);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.3s;
}

.overlay-initial {
  z-index: 2;
}

.box:hover .overlay-initial h3{
    color:var(--blueBrand);font-weight:300;
}

.overlay-initial h3{
    color:#fff;font-size:1.2em;
    font-weight:300;
}



.box:hover .overlay{
   background-color:var(--orangeBrand); 
}

.box:hover .overlay-initial {
  opacity: 1;
}

.box:hover .overlay-hover {
  opacity: 1;
  height: 100%;
}
.overlay-hover {
  opacity: 0;
  z-index: 1;
  bottom: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
  background:var(--blueBrandTrans)!important;
  padding:20px;
}
.overlay-content {
  color: #fff;
  text-align: center;
}


.overlay-content p {
  font-size: 1.4em;
  font-weight:400;
    margin-bottom:60px;
}

/* Media Queries */

@media (max-width: 1199px) {
     .overlay-content p {
  font-size: 1.05em;
  font-weight:400;
    margin-bottom:40px;
}

.overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.3s;
}
  .overlay-hover {
  opacity: 0;
  z-index: 1;
  bottom: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;

  padding:10px;transition: .5s ease;
}  


}


@media (max-width: 991.98px) {
  .nav-boxes-container {
    justify-content: center;
     padding-left:0px;
  padding-right:0px;
      
  }
  

 
  
  .box {
    width: calc((100% - 50px) / 2); /* 20px accounts for the 10px gap on each side */
    margin-bottom: 20px; /* Add a gap beneath the boxes */
    margin-left:10px;
  }
  
  
  .overlay-content p {
  font-size: 1.45em;
  font-weight:400;
    margin-bottom:60px;
}

.overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;

    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.3s;
}

.overlay-hover {
  opacity: 0;
  z-index: 1;
  bottom: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s;

  padding:20px;
}  
  
  
  
}

@media (max-width: 575.98px) {
  .box {
    width: 100%;
    margin-bottom: 20px; /* Add a gap beneath the boxes */
  }
}


/* Testimonial Styles */



div.home-banner-container{margin:0 auto;display:block;width:100%;}
.compositionLogoTestimonials-wrapper{
    display:block;
    width:100%;background:#fff;padding-top:50px;padding-bottom:50px;}

.compositionLogoTestimonials-container{ 
   max-width:1420px;
   margin:0 auto;
   display:block;
   width:100%;
   background-color:var(--blueBrand);
    padding-bottom:80px;
}


.compositionLogoTestimonials-container h2.header{
    font-size:1.8em;
    padding-top:40px;
    
    padding-bottom:20px;
    text-align:center;
    font-weight:300;
   color:var(--orangeBrand);}
    
.compositionLogoTestimonials-container p{
    font-size:1.5em;
    font-family:"din-medium";
    color:#57585d;
    line-height:1.56em;
    text-align:center;
    padding-bottom:40px;}

/* Testimonial Carousel */

.testimonial-wrapper{
    display:block;
    width:100%;
    max-width:1200px;
    margin:0 auto;}
  


/* cell number */
.testimonial-carousel-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
    color: white;}

.testimonial-carousel-nav{
    height:100%;
    max-width:1200px;
    width:100%;
    padding-left:0px;
    padding-right:0px;}

.testimonial-carousel-nav .carousel-cell {
    margin-left:5px;
    margin-right:5px;
    display:inline-block;
    height:100%;
    min-height:200px;
    }

.testimonial-nav-image{
    display:flex;
   
    padding:10px 10px;
    height:100%;}
.testimonial-nav-image img{max-width:180px;}

.testimonial-carousel-nav .carousel-cell a img{
    margin:auto;opacity:1;}

.testimonial-carousel-nav .carousel-cell a:hover img{
    margin:auto;opacity:.75;}

.testimonial-carousel-nav .testimonial-carousel-cell:before {
}

.testimonial-carousel-nav .carousel-cell.is-nav-selected {
    border:3px solid #1866cb;}

.testimonial-carousel-nav .carousel-cell.is-nav-selected img{

}

@media (max-width: 1199px) {
    .compositionLogoTestimonials-container h2.header{
    font-size:2.2em;
    padding-top:50px;
    
    padding-bottom:40px;
   color:var(--orangeBrand);}
    
}
@media (max-width: 992px) {.compositionLogoTestimonials-container h2.header{
    font-size:2.0em;
    padding-top:50px;
    
    padding-bottom:40px;
   color:var(--orangeBrand);}
    }
@media (max-width: 768px) {.compositionLogoTestimonials-container h2.header{
    font-size:1.6em;
    padding-top:20px;
    
    padding-bottom:20px;
   color:var(--orangeBrand);}
    }
@media (max-width: 576px) {}


/* Page Call to Action */

div.cta-box-wrapper {
    display:block;
    width:100%; background:var(--greyBrand);
    
}
 div.cta-box-container{
    display:block;
    width:100%;
    max-width:1440px;margin:0 auto;
    padding-left:30px;
    padding-right:30px;
    background:var(--greyBrand);
    text-align:center;padding-bottom:70px;}
 
  div.cta-box-container h3
 {color:#000a23; display:block;
    width:100%;font-size:1.8em;padding-top:40px;padding-bottom:20px;font-weight:300;}
 div.cta-box-container p
 {color:#000a23; display:block;max-width:700px;line-height:1.21;margin:0 auto;
    width:100%;font-size:1.4em;padding-bottom:30px;font-weight:500;}
  div.cta-box-container a {text-decoration:none;display:inline-block;color:#fff;background:var(--orangeBrand);border-radius:2px;padding:8px 16px;font-size:1.2em;font-weight:700;}
div.cta-box-container a:hover {opacity:.8;}

@media (max-width: 1199px) {}
@media (max-width: 992px) {
    
     div.cta-box-container h3
 {padding-top:40px;padding-bottom:40px;}


    
}
@media (max-width: 768px) {}
@media (max-width: 576px) {}


/* Footer */
 div.footer-wrapper {
     padding-top:40px;
     padding-bottom:40px;
     display:block;
     width:100%;
     background:var(--blueBrand);
 }
 div.footer-container {
     max-width:1440px;
     margin:0 auto;padding-bottom:60px; }

div.footer-contact-sia{
 display:block;
 width:100%;
 padding-bottom:20px;
 margin-bottom:20px;
 border-bottom:1px solid var(--orangeBrand);}
 
span.footer-contact{
    display:block;
    width:100%;
}
span.footer-contact-header{display:block;
    width:100%;color:var(--orangeBrand);font-size:1.6em;font-weight:300;padding-bottom:5px;}
span.footer-contact-number {display:block;
    width:100%;color:var(--orangeBrand);font-size:1.4em;font-weight:300;padding-bottom:5px;}
span.footer-contact-email {display:block;
    width:100%;color:var(--orangeBrand);font-size:1.4em;font-weight:300;padding-bottom:10px;}

div.footer-sia{
    width:100%;
    display:block;
    text-align:left;}
div.footer-sia p {color:#fff;font-size:.9em;font-weight:300;}
div.footer-sia p img {display:inline-block;width:100%;float:right;max-width:100px;height:auto;}

div.footer-reg-social{
    display:block;
    width:100%;}

span.footer-reg {}
span.footer-reg-office{display:block;
    width:100%;font-size:1.2em;color:#fff;font-weight:300;padding-bottom:15px;}
span.footer-copyright {display:block;
    width:100%;color:#fff;font-size:.9em;font-weight:400;}
    
span.footer-copyright a{text-decoration:underline;color:#fff;font-weight:400;}    
 span.footer-copyright a:hover{text-decoration:none;opacity:.9;color:#fff;font-weight:400;}      
    
span.footer-copyright span {color:var(--orangeBrand);}
ul.socialLinks{ display:block;width:100%;list-style-type:none;text-align:left;}
ul.socialLinks li{display:inline-block;padding-left:5px;padding-right:5px;float:right;}
ul.socialLinks li a {display:block;width:100%;max-width:52px;padding:10px;}
ul.socialLinks li a img {display:block;width:100%;opacity:.85;}
ul.socialLinks li a:hover img {opacity:.7;}      
/* Sub Header */
div.sub-header-header-wrapper{
    display: block;
    width: 100%;
    background:var(--orangeBrand);
}

div.sub-header-wrapper{
    display: block;
    width: 100%;background:#fff;}
 
div.sub-header-container{
    display: block;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    }
span.sub-header-header {
    display: block;
    width: 100%;
    padding-top: 45px;
    padding-bottom: 45px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    background: var(--orangeBrand);}

span.sub-header-header h1{
    color: var(--blueBrand);
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.15;}


span.sub-header-content{
    display: block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    max-width: 1260px;
    margin: 0 auto;
}

span.sub-header-content p{
    text-align: center;
    padding-bottom: 20px;
    color: #000a23;
    font-weight:300;
    line-height:1.21;
    font-size:1.4em;}


@media (max-width: 1199px) {}
@media (max-width: 992px) {
    
    span.sub-header-header {

    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;}
    
    span.sub-header-header h1{
    color: var(--blueBrand);
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.15;}

span.sub-header-content{
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;}

span.sub-header-content p{
    text-align: center;
    padding-bottom: 20px;
    color: #000a23;
    font-weight: 400;
    line-height: 1.21;
    font-size: 1.2em;}
    
}
@media (max-width: 768px) {}
@media (max-width: 576px) {
    
     span.sub-header-header {

    padding-top: 20px;
    padding-bottom: 20px;}
    
    span.sub-header-header h1{
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.15;}

span.sub-header-content{
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;}

span.sub-header-content p{
    font-size: 1.15em;}
    
}


/* Sub Banner */

.sub-banner-wrapper {
  display: flex;
  justify-content: center;
  width:100%;background: var(--blueBrand);
}

.sub-banner-container {
  /* max-width: 1440px; */
  
  max-width: 1260px;
  display: flex;
  align-items: center;
  background: var(--blueBrand);
}

.sub-banner-image-column {
  display: flex;
  align-items: center; 
   width:50%;
   height:100%;
}

.sub-banner-image-column img{
 width:100%;
 height:100%;
 object-fit:cover;
  }
.sub-banner-text-column {
  flex: 1;
  padding:20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--blueBrand);
  height: 100%; /* Adjusted */
  width:50%;
}


.sub-banner-header{

color:var(--orangeBrand);
font-size:2.2em;
font-weight:300;
padding-bottom:30px;
text-align:left;
}
.sub-banner-text-column p 
{
 text-align:left;
 font-size:1.4em;
 line-height:1.21;
 font-weight:300;
 padding-bottom:20px;color:#fff;}

@media (max-width: 1199px) {}
@media (max-width: 992px) {
    
.sub-banner-header{
color:var(--orangeBrand);
font-size:1.8em;
padding-bottom:20px;}

.sub-banner-text-column p 
{
 font-size:1.2em;
 line-height:1.21;
 padding-bottom:15px;}
    
    
}
@media (max-width: 768px) {
    



.sub-banner-wrapper {
  display:block;
  width:100%;}

.sub-banner-container {
  display:block;
  width:100%;}

.sub-banner-image-column {
  display: flex;
  align-items: center; 
   width:100%;

}

.sub-banner-image-column img{
 width:100%;

  }
.sub-banner-text-column {

  width:100%;
}


.sub-banner-header{

color:var(--orangeBrand);
font-size:1.8em;
font-weight:300;
padding-bottom:15px;
text-align:left;
}
.sub-banner-text-column p 
{
 text-align:left;
 font-size:1.15em;
 line-height:1.21;
 font-weight:300;
 padding-bottom:10px;color:#fff;}   
    
    
}
@media (max-width: 576px) {}

div.main-copy{
    display: block;
    width: 100%;
    padding-top: 180px;}

@media (max-width: 1199px) {
    div.main-copy{padding-top: 176px;}
}
@media (max-width: 992px) {
    div.main-copy{padding-top: 138px;}
}
@media (max-width: 768px) {
        div.main-copy{padding-top: 111px;}
}
@media (max-width: 576px) {
        div.main-copy{padding-top: 196px;}
}

div.main-content-wrapper {display:block;width:100%;padding-top:60px;padding-bottom:60px;}

div.main-content-container {display:block;width:100%;max-width:1260px;padding:70px;text-align:left;background:var(--greyBrand);margin:0 auto;}

div.main-content-container h1 {
    color:var(--blueBrand);
    font-size:1.8em;
    line-height:1.21;
    font-weight:300;
    padding-bottom:35px;
}

div.main-content-container h2 {
    color:var(--blueBrand);
    font-size:1.8em;
    line-height:1.21;
    font-weight:300;
    padding-bottom:35px;
}

div.main-content-container p{
 color:#000a23;    padding-bottom:20px;
    line-height:1.21;
    font-size:1.4em;
font-weight:300;    
}

div.main-content-container ul{padding-left:20px;padding-bottom:20px;}


div.main-content-container li{  line-height:1.21;
    font-size:1.4em;}

div.main-content-container ol{padding-left:20px;}


div.main-content-container ol li{
    line-height:1.21;
    font-size:1.4em;}


@media (max-width: 1199px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}

/* info boxes */





@media (max-width: 1199px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}


/* Quesitonnaire Styles */

div.questionnaire-wrapper{
 display:block;
 width:100%;
 padding-left:20px;
 padding-right:20px;}

div.questionnaire-container{
 display:block;
 width:100%;
 max-width:920px;
 margin:0 auto;}

div.questionnaire-container h1 {
 text-align:center;
 display:block;
 margin-top:20px;
 margin-bottom:20px;}

div.questionnaire-container form {
 display:block;
 width:100%;
 border:2px solid #ccc;
 border-radius:8px;
 padding:30px;
 margin-bottom:60px;}

div.questionnaire-container p {
   font-family: 'Source Sans Pro', sans-serif;font-weight:400;
 font-size:1.4em;
 padding-bottom:15px;
 line-height:1.36em;}
    
div.questionnaire-container p strong, div.questionnaire-containter p strong center{
   font-family: 'Source Sans Pro', sans-serif;
 font-weight: 400;}

div.questionnaire-container label {
  font-family: 'Source Sans Pro', sans-serif;font-weight:400;
 font-size:1.05em;
 padding-top:10px;
 padding-bottom:5px;
}

div.questionnaire-container label.full-width {
 display:block;
 width:100%;}

div.questionnaire-container label.in-line{
 display:inline-block;
 width:auto;
 padding-left:10px;padding-right:30px;}

div.questionnaire-container textarea {
 width:100%;
 border-radius:4px;
 padding:10px;
 max-width:360px;
 display:block;

 margin-bottom:10px;}
 
 
 div.questionnaire-container input[type=text]  {
 width:100%;
 border-radius:4px;
 padding:10px;
 display:block;
 max-width:360px;
 margin-bottom:10px;}

 div.questionnaire-container input[type=text].shortin  {
 width:100%;
 border-radius:4px;
 padding:10px;
 display:block;
 max-width:160px;
 margin-bottom:10px;}



div.questionnaire-container button#nextBtn {
  font-family: 'Source Sans Pro', sans-serif;font-weight:400;
 color:#fff;
 line-height:28px;
 border-radius:28px;
 background:var(--blueBrand);
 padding:15px;
 font-size:1.4em;
 border:none;}
 
div.questionnaire-container button#prevBtn {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:400;
 color:#fff;
 line-height:28px;
 border-radius:28px;
 background:#ef8903;
 padding:15px;
 font-size:1.4em;
 border:none;}
 
div.questionnaire-container button#nextBtn:hover
,div.questionnaire-container button#prevBtn:hover {
 opacity:.8;}
 
div.questionnaire-container button:focus {
 outline:none;}

/* Style the input fields */
div.questionnaire-container input {
 padding: 10px;
 border: 1px solid #aaaaaa;}

/* Mark input boxes that gets an error on validation: */
div.questionnaire-container input.invalid,div.questionnaire-container textarea.invalid {
 background-color: #ffdddd;
}
.border-left{border-left:1px solid #ccc}
/* Hide all steps by default: */
div.questionnaire-container .tab {
  display: none;}

/* Make circles that indicate the steps of the form: */
div.questionnaire-container .step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
div.questionnaire-container .step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
div.questionnaire-container .step.finish {
  background-color: #04AA6D;
}
div.questionnaire-container  div.surveySent {
    display:block;
    max-width:400px;
    margin:20px auto;
    padding:30px;
    text-align:center;
    border:1px solid #ccc;
    border-radius:8px;}
 
div.questionnaire-container  div.surveySent p {
    display:block;
    width:100%;
    font-size:1.2em;
    line-height:1.2em;
    text-align:center;}
 
div.questionnaire-container  div.surveyNotsent {
    display:block;
    max-width:400px;
    margin:20px auto;
    padding:30px;text-align:center;
    border:1px solid #ccc;
    border-radius:8px;} 
 
div.questionnaire-container  div.surveyNotsent p {
    display:block;width:100%;
    font-size:1.2em;
    line-height:1.4em;
    text-align:center;}
    
@media (max-width: 768px) { 
    

    
    
    div.questionnaire-container input{margin-bottom:0px;margin-left:0px;}
    div.questionnaire-container form {
    display: block;
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 60px;
}
    div.questionnaire-container label.in-line {
    display: inline-block;
    width: auto;
    padding-left: 10px;
    padding-bottom:10px;
}
    div.questionnaire-container p{
     font-size:1.25em;    
    }
     .full-mobile{  padding-left: 10px;
        display:block; margin-bottom:10px;
     }
    
    div.questionnaire-container label {
    font-size: 1.05em;
    padding-bottom: 15px;
}
}   
.step, .step.active{display:none!important;}
@media (max-width: 1199px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {}
@media (max-width: 576px) {}

/*  End Questions*/


/*  Image Panels */
div.image-panel-wrapper{
display:block;
width:100%;}

div.image-panel-container{
display:block;
width:100%;
max-width:1440px;
margin:0 auto;}
.image-panel {display:block;width:100%;margin-bottom:30px;}
.panelImage {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;height:100%;}
    
.panelImage img{
    display: block;
    width: 100%;
    height: 100%;object-fit:cover;}
.imageAndTextText {}
.imageAndTextText h5 {font-size:2.0em;font-weight:300;color:var(--orangeBrand);padding-bottom:20px;}
.imageAndTextText p {color:#000a23;font-size:1.2em;line-height:1.21;padding-bottom:10px;}


/* Jobs */
.jobs-wrapper {
    display:block;
    width:100%;}


.jobs-container {
    display:block;
    width:100%;
    max-width:1440px;
    margin:0 auto;padding-bottom:35px;}

.jobs-container h2{
color: var(--blueBrand);
    font-size: 1.8em;
    line-height: 1.21;
    font-weight: 600;
    text-align:center;
    padding-bottom: 35px;padding-top:35px;}


.jobs-container p{
color: var(--blueBrand);
    font-size: 1.4em;
    line-height: 1.21;
    font-weight: 300;
    text-align:center;
    padding-bottom: 25px;}


.jobs-container p a{
color: var(--blueBrand);
    font-weight: 600;
    text-decoration:none;}
    
.jobs-container p a:hover{opacity:.9;}




/* accordians */
div.accordions-wrapper{
    display:block;
    width:100%;
    background:var(--greyBrand);
    padding-left:30px;
    padding-right:30px;}

div.accordions-container{
    display:block;
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding-top:50px;
    padding-bottom:50px;
}


.accordions-container h5{
    display:block;
    width:100%;
    color:var(--orangeBrand);
    font-weight:300;
    text-align:center;font-size:2.4em;padding-bottom:30px;}

div.accordions{max-width:920px;margin:0 auto;   display:block;}

div.accordions h3{
 display:block;
 position:relative;
 padding:22px 22px;
 color:var(--orangeBrand);

 font-size:1.65em;
 background:var(--blueBrand);
 margin-bottom:0px;
 margin-top:20px;
 padding-right:70px;}

div.accordions h3 i{
 position:absolute;
 right:22px;
 top:35%;}
 
 .accordions .accordion-toggle h3 i.fa-angle-down::before {
    content: "+"; /* Display "+" for the up arrow */
}

.accordions .accordion-toggle h3 i.fa-angle-up::before {
    content: "-"; /* Display "-" for the down arrow */
}

div.accordion-content {
    text-align:left;
 background:#f2f2f2;
 color:var(--blueBrand);

 font-size:1.15em;
 line-height:1.56em;
 padding:35px 70px;} 
 
div.accordion-content p{
 font-size:1.15em;   text-align:left;
 line-height:1.56em; padding-bottom:10px;}

div.accordion-content a{
 color:#ef8903;}

div.accordion-content a:hover{
 text-decoration:none;
 opacity:.8;}

div.accordion-content ul, div.accordion-content ol{
 display: block;
 list-style-type: decimal;
 margin-block-start: 1em;
 margin-block-end: 1em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 padding-inline-start: 40px;
 padding-bottom:0px;}

div.accordion-content ul li {
 list-style-type:disc;}

div.accordion-content ul li, div.accordion-content ol li{
 color:#303e47;
 font-weight:300;
 font-size:1.15em;
 line-height:1.56em;
 padding-bottom:10px; }




@media (max-width: 1199px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {.imageAndTextText h5 {font-size:1.8em;font-weight:300;color:var(--orangeBrand);padding-bottom:20px;padding-top:20px;}}
@media (max-width: 576px) {}




@media (max-width: 1199px) {}
@media (max-width: 992px) {}
@media (max-width: 768px) {.imageAndTextText h5 {font-size:1.8em;font-weight:300;color:var(--orangeBrand);padding-bottom:20px;padding-top:20px;}}
@media (max-width: 576px) {}


/* Module */


.module {}

.come-in {
 transform: translateY(150px);
 animation: come-in 0.8s ease forwards;}
  
.already-visible {
 transform: translateX(0);
 animation: none;}

.already-visible.come-in {
 transform: translateX(0);
 animation: none;}

@keyframes come-in {
  to { transform: translateX(0); }
}