/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* Homepage Style Sheet          */
/****************************************/

/* These includes are optional, but helpful. */



/*****************************************/
/* Start your style declarations here    */
/*****************************************/



@media screen and (min-width: 768px){
  .tenpercent{
    padding: 0 10%!important;
  }
  
  .mobile-show {
    display:none !important;
  }
  
  .mobile-hide {
    display:block !important;
  }
}
@media screen and (max-width: 768px){
	.hmob{
  	display: none;
  }
  .homepage-cta{
    margin-top: 20px!important;
  }
  #htext > div.row-fluid-wrapper.row-depth-1.row-number-5 > div > div{
    padding: 0px 10px!important;
  }
  
  .mobile-show {
    display:block !important;
  }
  
  .mobile-hide {
    display:none !important;
  }
}
span.hero-h1{
  text-align: center;
	font-size: calc(32px + (60 - 32) * ((100vw - 480px) / (1920 - 480)));*/
}
/* 32px @ 480px increasing to 60px @ 1920px */
@media (min-width: 480px) {
  h1 > span.hero-h1 {
    font-size: calc(2rem + ((1vw - 4.8px) * 1.9444));
  }
  h1 > span.hero-h1 {
    line-height: 1.1;
  }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 1920px) {
  h1 > span.hero-h1 {
    font-size: 60px;
  }
  h1 > span.hero-h1 {
    line-height: 1.1;
  }
}

p.support-head{
  color: white;
  font-size: 500;
}

.hero-support{
   font-size: calc(20px + (24 - 20) * ((100vw - 480px) / (1920 - 480)));
}

.homepage-cta {
  margin-top:40px;
 	text-align:center;
}
.background-homepage{
 		display:none!important; 
}

#background-homepage	{
    position: relative;
  	background-repeat: no-repeat;
    background-size: cover;
  	min-height: 100vh;
}

#htext { 
    width: auto;
    position: relative;
  	padding-top: calc(( 35vh - 142px )/2);	
}
@media screen and (max-width: 768px){
  #htext {
    width: auto;
    position: relative;
  	padding-top: calc(( 35vh - 142px )/4);
	}
}
#background-homepage:before {
    background-color: #222222c7;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.border-box{
  border: 1px solid #333;
}

.info-background { background: #0f3d5c; }

.info-button { 
		top: 10px;
    position: relative;
}
.info-cta:hover {
  	background: #0068b1;
}

.hover-box{
}
.hover-box:hover {
  	transition: .5s ease;
  	background-color: #9c8761;
}

a#cta_button_362448_cf768b9e-29b6-4608-b117-900ef191575c:hover {
  background:#1e67b1;
}

@media only screen and (max-width: 1113px) {
  .info-button{
   	right:30px; 
  }
}
 @media only screen and (max-width: 989px) {
  .info-button{
   	right:75px;
    top:60px;
  }
}
 @media only screen and (max-width: 767px) {
  .info-button{
   	right:unset;
    top: unset;
  }
}

 #hs_cos_wrapper_ > div > span {
    bottom: 30px;
    position: relative;
   }
   
 #cta_button_362448_d7f2c84a-a382-404a-8689-81c6d3c7bd25, #cta_button_362448_2e0287bc-42fa-4c3a-bc12-0936f3aef9a0 {
     padding: 10px 15px!important;
   	 border-radius:0px;
   }
#cta_button_362448_d7f2c84a-a382-404a-8689-81c6d3c7bd25 {
    	padding: 10px 30px !important;
  		border-radius:0px;
}

#cta_button_362448_d7f2c84a-a382-404a-8689-81c6d3c7bd25:hover, #cta_button_362448_2e0287bc-42fa-4c3a-bc12-0936f3aef9a0:hover {
    border-color: #fff;
    background: #fcb329;
}

#cta_button_362448_5a1eb0e5-4e5d-45c8-93a2-633e758bad99 {
  margin:	0px!important;
}
.counter-value{font-style: italic;}
#hs_cos_wrapper_module_1530024219717263_rich_text > div > span > strong, #hs_cos_wrapper_module_1530024303843278_rich_text > div > span > strong,
#hs_cos_wrapper_module_1530024391817297_rich_text > div > span > strong {
    bottom: 20px;
    position: relative;
}

.inner-box{
  padding: 10px 0;
}

#hs_cos_wrapper_module_1531702832341393 > div > div > div.contentsection > img {
 object-fit:cover; 
}

@media screen and (max-width: 767px){
  .mob-hide{
    display: none !important;
  }
  .desk-hide{
    display: block!important;
  }
}

@media screen and (min-width: 768px){
  .desk-hide{
    display: none !important;
  }
  .mob-hide{
    display: block!important;
  }
}


.spring-cta .hs_cos_wrapper_type_module .background-wrapper {
  background: unset !important;
}


.review-recent-project-page .hedrick-header {
    background-image: url(https://362448.fs1.hubspotusercontent-na1.net/hubfs/362448/lp-hero-20250821-1.png);
}

.review-recent-project-page .hedrick-header hr.styleone-yellow {display: none;}