body, html{
	width:100%;
	height:100%;
	font-family: 'inter', sans-serif !important;
	color:#4d4d4d !important;
	font-weight:400;
	font-size:20px;
	line-height:23px;	
  margin:0 !important;
  padding:0 !important;
  background-color:#000000;
}

h1{
  line-height:1.25em;
  margin-bottom:2px;
}

h2{
  font-size:1.25em;
  line-height:1.25em;
  margin-bottom:2px;
	font-family: 'inconsolata', sans-serif !important;
  font-weight:bold;
  color:#10afcc;
  margin-top:0px;
}


a, a:visited{
  color:#ff4e00;
}

.orange{
  color:#ff4e00 !important;
}

.hs-button{
  margin-top:20px;
}

.grecaptcha-badge{
  margin:auto;
}

.hero-container-24{
  width:100%;
  height:auto;
  background: url('../image/hl24-bkgd.png') top center no-repeat;
  background-size:auto auto;
  padding-bottom:40px;
}


.logo-24 img{
  display:block;
  height:60px !important;
  margin:30px auto 20px auto;
}


.feature-image-24 img{
  width:100%;
  height:auto;
  border: 1px solid #c4c4c4;
}




.hero-content-24{
  width:1430px;
  display:block !important;
  margin:auto !important;
  float:none !important;
  text-align:center !important;
}

.blue{
  color:#10afcc;
}

.white{
  color:#FFFFFF;
}

.orange-text p{
  color:#ff4e00 !important;
  border:1px solid #ff4e00;
  	font-family: 'inconsolata', sans-serif !important;
  font-weight:bold;
  font-size:.8em;
  display:inline-block;
  padding:6px;
  margin-bottom:12px;
}

.lp-headline{
	font-family: 'inconsolata', sans-serif !important;
  font-weight:bold;
  color:#10afcc;
}



  .body-left{
    background-color:#FFFFFF;
    border:solid 1px #c4c4c4;
    margin-top:36px;
    margin-bottom:36px;
    padding:24px;
  }
  
  .body-right{
    background-color:#2E2E2E;
    border:solid 1px #c4c4c4;    
    margin-bottom:36px;
    padding:24px;
}



.container{
  width:1200px !important; 
  display:block !important;
  margin:auto !important;
  float:none !important;
}


.lp-main-img img{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
  max-height:200px;
  width:auto;
  max-width:80% !important;
}

li{
  padding-bottom:12px;
}

ul{
  padding-left:20px;
}

.body-content ul{
  font-size:85%
}

.submitted-message p{
  color:#FFFFFF !important;
}

.submitted-message {
  color:#FFFFFF;
}

.form-container{

  overflow:auto !important;
 
}



input {
  border-radius: 0;
}


fieldset{
  max-width:100% !important;
}

label{
 	font-family: 'inconsolata', sans-serif !important;
  font-weight:900;
  color:#FFFFFF;
  margin-bottom:4px;
  display:block;
  font-size:.75em;
  text-transform:uppercase;
}

input[type="text"], input[type="email"], input[type="tel"]{
  width:100% !important;
  background-color:#e6e6e6;
  border:none;
  display:block;
  margin-bottom:24px;
  font-size:1em;
  color:#444444;
  min-height:30px;
}


textarea{
  width:100% !important;
  border:solid 1px #6b6b6b;
  display:block;
  font-size:1em;
  color:#444444;
  min-height:80px;
  margin-top:14px;
  margin-bottom:12px;
}


.form-wrapper{
  padding-bottom:24px;
}

.form-wrapper .hs-button{
 	font-family: 'inconsolata', sans-serif !important;
  font-weight:900;
  display:block;
  text-align:center;
  width:100%;
  padding:6px;
  background-color:#10afcc !important;
  color:#FFFFFF !important;

}


ul.inputs-list  {

  list-style-type:none !important;
  padding:0;
}

.inputs-list p{
  color:#444444 !important;
  font-size:1em !important;
  line-height:1.2em !important;
  font-weight:300 !important;
  display:block !important;
  padding-left:6px;
  padding-top:4px;
}

input[type="submit"]{
  display:block;
  width:100%;
  padding:12px;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  text-transform:uppercase; 
  border:none;
  background-color:#f7931e;
  color:#FFFFFF;
  cursor:pointer;
  -webkit-appearance: none;
}

input[type="submit"]:hover{
    background-color:#c67618;

}


select{
  width:100% !important;
  padding:4px;
  }


.form-columns-2 input[name="lastname"]{
  max-width:90% !important;
}

.legal-consent-container{
  font-size:75% !important;
  line-height:125% !important;
  margin-top:20px;
  margin-bottom:32px;
}

@media screen and (min-width: 0px) and (max-width: 1200px){

  
    .hero-content-24{
    width:100% !important;
    padding:0px 0% 0px 0% !important;
    text-align:center !important;    
  }  
  
  .container{
    width:100% !important;
    padding:0px 5% 0px 5% !important;
  }
  
    .hero-container-24{
    width:100% !important;
    height:auto !important;
  }
  
}






@media screen and (min-width: 0px) and (max-width: 767px){
	body, html{
    font-size:15px;
  }


  



  .form-container{
    margin-top:12px !important;
  }

  .body-left, .body-right{
    padding-bottom:20px;
  }
  
  .body-content ul{
    font-size:100%
  }
  

  
  

.form-columns-2 input[name="lastname"]{
  max-width:100% !important;
}
  
  
}


.site-footer
{
  border-top: 2px solid #e6e6e6 !important;
  padding-top: 12px;
  margin-top: 30px;