.form-img { position:relative; padding:0px 0px 0px 0px; max-width:100%; overflow-x:hidden  }

.form-img .inner-content { position:relative; width:auto; width:100%; max-width:1300px; padding:0px 10px;
  margin:0px auto; z-index:2; 
  min-height:200px; border:1px solid transparent;
}
@media(min-width:1201px) {
  .form-img .inner-content { max-width:90%; }
}

  .form-img .col-form { position:relative; width:50%; }
    .form-img .col-form .inner { margin:0px 70px 50px 0px; }

.form-img .col-img { 
  z-index:1; height:100%; position:absolute; width:50%; right:0px; top:0px; bottom:0px;
  background-size:cover; background-position:center center; width:50%; }
  .form-img .col-img .hero-image { display:none }

.form-img .col-form { margin-top:120px }
.form-img .col-form h1, .form-img .col-form h2 
  { font-size:71px; margin-bottom:5px; line-height:1.1em !important;}


.layout-form_left  .module-heading { padding:0px 25px 0px 2px; }
.layout-form_right .module-heading { padding:0px 0px 0px 25px; }

.form-img .module-heading { position:relative }

.form-img .module-form { text-align: left; z-index:99; margin-top:25px }

.module-form .hs_cos_wrapper.form-title { display:none }
.module-form .text-above, .module-form .text-below { line-height:1.4em }
.module-form .text-above { font-family: 'Suisseintl Medium'; font-size:24px; color:#fff; margin-bottom:10px }
.module-form .text-below { margin-top:15px;  }
.module-form .text-below a { color:#fff}

/** Light theme ***/
.light-theme .module-form .text-above, .light-theme .module-form .text-below, 
.light-theme .module-form .text-below a,
.body-partners .module-form .text-above, .body-partners .module-form .text-below { color:#000}

.module-form .text-disclaimer { font-size:0.8em; color:#888; margin-top:20px; color:#888; line-height:1.3em; text-align:center  }
  .module-form .text-disclaimer a { color:#888;}

.form-img input[type=text], .form-img input[type=email], 
.form-img input[type=tel], .form-img input[type=number], .form-img textarea, .form-img select { 
    /*height: 3.1875rem; */
    width:87%; font-size:16px; margin-bottom: 0.8rem;  padding: 11px 5%;
    border-radius: 6px; color: #bec0c2; font-weight: 400; background-color:#272e35;
    border: 1px solid #272e35;  min-height: 27px; transition: all .4s ease;
}
.form-img select,
.body-partners .form-img select { width:97%; min-height:46px !important; height:46px !important;
  padding: 11px 5% !important; 
  text-transform: none; overflow: visible !important; line-height: 1.42857 !important;
  /*appearance: none; /*-moz-appearance: none;  -webkit-appearance: none; */}

.form-img *:focus {  outline: none; }
.form-img input[type=text]:focus, .form-img input[type=email]:focus, .form-img input[type=number]:focus, 
.form-img input[type=tel]:focus,
.form-img textarea:focus { 
    outline: none; border:1px solid #bec0c2 !important; 
} 

.form-img .hs-button  { 
    font-family: 'Suisseintl Bold'; font-weight:normal;
    cursor:pointer; background-color:transparent; color:#D9F99D; border:2px solid #D9F99D;
    -webkit-appearance:none; -moz-appearance: none; appearance: none;
    border-radius:30px; -webkit-border-radius:30px;
    width:97%; margin-top:10px; padding:15px 3%; display:inline-block;
    font-size:16px; letter-spacing: .02em; transition: all .4s ease;
}

/*** Light theme ***/
.light-theme .form-img .hs-button,
.body-partners .form-img .hs-button { background-color:#192D42; border:2px solid #192D42; 
  color:#fff !important }

.light-theme .form-img .hs-button:hover,
.body-partners .form-img .hs-button:hover,
{ background-color:#71BCDF;  border:2px solid #71BCDF; color:#fff;  }

.light-theme .form-img input[type=text], .light-theme .form-img input[type=email], 
.light-theme .form-img input[type=tel], .light-theme .form-img input[type=number], 
.light-theme .form-img textarea, .light-theme .form-img select,
.body-partners .form-img input[type=text], .body-partners .form-img input[type=email], 
.body-partners .form-img input[type=tel], .body-partners .form-img input[type=number], 
.body-partners .form-img textarea, .body-partners .form-img select 
{ 
    background-color: #eee; /*#bec0c2;*/ color:#272e35;
    border: 1px solid #aaa !important;
}

.light-theme .form-img *:focus {  outline: none; }
.light-theme .form-img input[type=text]:focus, 
.light-theme .form-img input[type=email]:focus, .light-theme .form-img input[type=number]:focus, 
.light-theme .form-img input[type=tel]:focus,
.light-theme .form-img textarea:focus { 
  border: 1px solid #122A34 !important;
}
/**** End light theme ***/

.form-partner-upside-fleet .hs-button { color:#fff; border-color:#050080 !important; 
  background-color:#050080 !important } 

.form-partner-mosquitoshield .hs-button,
.form-partner-mosquito-shield .hs-button { color:#fff; border-color:#cb181d !important; 
  background-color:#cb181d !important } 

.form-partner-1-800-textiles .hs-button { color:#fff; border-color:#052dbb !important; 
  background-color:#052dbb !important } 

.form-partner-1-800-packouts .hs-button { color:#fff; border-color:#1490c4 !important; 
  background-color:#1490c4 !important } 

.form-partner-gotchacovered .hs-button,
.form-partner-gotcha-covered .hs-button { color:#fff; border-color:#1a6993 !important; 
  background-color:#1a6993 !important } 

.form-partner-bathsolutions .hs-button,
.form-partner-bath-solutions .hs-button { color:#fff; border-color:#019afe !important; 
  background-color:#019afe !important }

.form-partner-bioone .hs-button,
.form-partner-bio-one .hs-button { color:#fff; border-color:#ff840a !important; 
  background-color:#ff840a !important }

.form-partner-upside-fleet .hs-button { color:#fff; border-color:#050080 !important; 
  background-color:#050080 !important } 

.form-partner-revoy .hs-button { color:#fff; border-color:#013141 !important; 
  background-color:#013141 !important } 

/*** FOR ONFLEET PARTNER ***/
.form-partner-schneider .hs-button { color:#fff; border-color:#F26523 !important; 
  background-color:#F26523 !important } 

/*** FOR TRUCKSUITE PARTNER ***/
.form-partner-trucksuite .hs-button { color:#fff; border-color:#750010 !important; 
  background-color:#750010 !important } 

.form-partner-adgile .hs-button { color:#fff; border-color:#01a6e1 !important; 
  background-color:#01a6e1 !important } 

.form-partner-ascend .hs-button,
.form-partner-ascend_fleet .hs-button { color:#fff; border-color:#3d491f !important; 
  background-color:#3d491f !important } 

/**** ROADYS ****/
.form-partner-roadys .hs-button { background-color:#1a3359 !important; border-color:#1a3359 !important; color:#fff !important}
/*
.form-partner-roadys .module-form { background-color:#2b5695 !important; }
.form-partner-roadys .module-form .text-above, .form-partner-roadys .module-form .text-below { color:#eee }

.form-partner-roadys .module-form .text-disclaimer,
.form-partner-roadys .module-form .text-disclaimer a { color:#bbb !important }
*/
/*** END ROADYS ***/


/** FOR UBER PAGE TEMPLATE */
.body-uber .form-img .hs-button { background-color:#2937ED !important; border-color:#2937ED !important; color:#fff}
/*
.body-uber .form-img .module-form { border: 1px solid rgba(0,0,0,.05); background-color: #000;}
.body-uber .form-img .module-form .text-above, .body-uber .form-img .module-form .text-below { color:#eee }
.body-uber .form-img .col-img .shadow { border-radius:0px;  background-color:transparent;  }
.body-uber .form-img .col-img .shadow img { padding:0px 3%; margin:0px !important  }
*/
/**** END UBER ****/


.hs-button:disabled { background-color:#ccc; opacity:0.5 !important;}

.form-img .hs-error-msgs,
.form-img label.error { display:block; margin:-5px 0px 10px 10px; padding:0px; 
  font-weight:300; list-style:none; font-size:13px; color:#ff0000 }

.form-img .submitted-message { text-align:center; margin:45px auto; font-size:1.2em }


/*** VARIATIONS ***/
.form_left { }
.layout-form_right { display:flex; flex-direction:row-reverse !important }
.layout-form_right .col-form { width:auto; order:2; z-index:1; }
.layout-form_right .inner-content { margin: 0px 0; width:42%}
.layout-form_right .col-img { right:auto; left:0px; order:1; z-index:0; padding:0px 4% 0 0;}

.layout-form_right .module-form { margin-right:0px; /*margin-left:-30px; */ } 
.layout-form_right .module-heading { text-align:right; padding:0px 5px 0px 50px }


@media(max-width:1250px) and (min-width:1025px) {
  .form-img .col-form { }
  .form-img .radio-button-label { max-width:19%; padding:8px 3px; margin:0px 2px 5px 0px; }
  .form-img .radio-button-label:last-child { margin-right:0px !important }
}  

@media(max-width:1024px){
  .form-img { flex-wrap:wrap; padding:0px 0px 0px 0px }
  .layout-form_right .inner-content { margin: 0px 0; width:auto !important} 
  .form-img .col-form, .form-img .col-img { position:relative; width:100% !important }
  .form-img .col-form { order:1 !important }
  .form-img .col-img { order:2 !important; margin-top:50px; padding:0px 0%; max-height:350px; overflow:hidden; } 
    .form-img .col-img .hero-image { display:block; width:100% !important; height:auto }
  
  .form-img .col-form { margin-top:105px }
  .form-img .col-form .inner { margin:30px 30px 20px 30px;}
  
  .form-img .col-form h1, .form-img .col-form h2 { font-size:44px; }
    
  .form-img .module-form { margin-top:10px }
  .module-heading { padding:0px 0px 10px 0px !important }
  .module-form .text-above { font-size:20px; }
  
  .form-img .form-img .hs-button  { width:99%; }
  
  .form-img input[type=text], .form-img input[type=email], 
  .form-img input[type=tel], .form-img input[type=number], .form-img textarea { 
      font-size:15px; margin-bottom: 0.5rem; padding: 8px 5%;
      min-height: 23px;
  }
  
}
