.formBlockLeft{padding-left:0px!important;}
.formBlockRight{padding-right:200px!important;}
.formBlock .sr-form{padding:0!important;}

.formBlockLeft{
 color:#1E1E1E;
}
.formBlock.bg-black .formBlockLeft{
  color:#ffffff;
}

 .formDesc{
  font-family:'UntitledSerif-RegularItalic';
  font-weight:normal;
  font-size:48px;
  line-height:54px;
}

.hs_submit .actions{
  text-align:right;
}

.hs_submit .actions .hs-button{
  border-radius: 28px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  min-height: 20px !important;
  min-width: 172px;
  padding: 9px 20px !important;
  position: relative;
  background-color:#fff!important;
  text-align:left!important;
  border:2px solid #1e1e1e !important;
  color:#1e1e1e!important;
}

textarea.error,
select.error,
.form-control.error,
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(
    [type="submit"]
  ).error,
input[readonly]:not([type="radio"]):not([type="checkbox"]):not(
    [type="file"]
  ):not([type="submit"]).error,
.hs-error-msg {
  color:#ff0000!important;
  border-color: #ff0000 !important;
}

.formBlock.bg-darkbeige .hs_submit .actions .hs-button,
.formBlock.bg-camel .hs_submit .actions .hs-button,
.formBlock.bg-red .hs_submit .actions .hs-button,
.formBlock.bg-purple .hs_submit .actions .hs-button,
.formBlock.bg-teal .hs_submit .actions .hs-button{ border-color:#fff!important;}

.formBlock.bg-red input[type='text'],
.formBlock.bg-red input[type='email'],
.formBlock.bg-red input[type='tel'],
.formBlock.bg-red input[type='date'],
.formBlock.bg-red input[type='number'],
.formBlock.bg-red input[type="password"],
.formBlock.bg-red textarea,
.formBlock.bg-red select{
  border-bottom:#EBEBEB solid 1px!important;
}

.formBlock.bg-purple input[type='text'],
.formBlock.bg-purple input[type='email'],
.formBlock.bg-purple input[type='tel'],
.formBlock.bg-purple input[type='date'],
.formBlock.bg-purple input[type='number'],
.formBlock.bg-purple input[type="password"],
.formBlock.bg-purple textarea,
.formBlock.bg-purple select{
  border-bottom:#EBEBEB solid 1px!important;
}

.formBlock.bg-teal input[type='text'],
.formBlock.bg-teal input[type='email'],
.formBlock.bg-teal input[type='tel'],
.formBlock.bg-teal input[type='date'],
.formBlock.bg-teal input[type='number'],
.formBlock.bg-teal input[type="password"],
.formBlock.bg-teal textarea,
.formBlock.bg-teal select{
  border-bottom:#ffffff solid 1px!important;
}

.formBlock.bg-black input[type='text'],
.formBlock.bg-black input[type='email'],
.formBlock.bg-black input[type='tel'],
.formBlock.bg-black input[type='date'],
.formBlock.bg-black input[type='number'],
.formBlock.bg-black input[type="password"],
.formBlock.bg-black textarea,
.formBlock.bg-black select{
  color:#ffffff!important;
}

.formBlock.bg-black input::-webkit-input-placeholder,
.formBlock.bg-black textarea::-webkit-input-placeholder,
.formBlock.bg-black input[type="text"]::-webkit-input-placeholder {
  color:#ffffff;
  opacity:1!important;
}

.formBlock.bg-black input::-moz-placeholder,
.formBlock.bg-black textarea::-moz-placeholder,
.formBlock.bg-black input[type="text"]::-moz-placeholder {
  color:#ffffff;
  opacity:1!important;
}

.formBlock.bg-black input:-ms-input-placeholder,
.formBlock.bg-black textarea:-ms-input-placeholder,
.formBlock.bg-black input[type="text"]:-ms-input-placeholder {
  color:#ffffff;
  opacity:1!important;
}

.formBlock.bg-black input:-moz-placeholder,
.formBlock.bg-black textarea:-moz-placeholder,
.formBlock.bg-black input[type="text"]:-moz-placeholder {
  color:#ffffff;
  opacity:1!important;
}


.hs-fieldtype-radio ul.multi-container, .hs-fieldtype-checkbox ul.multi-container{
  padding:0px;
  margin:0px;
}
.hs-fieldtype-radio ul.multi-container,
.hs-fieldtype-checkbox ul.multi-container{
  margin:0!important;
  padding:0!important;
  list-style-type:none!important;
}
.hs-fieldtype-radio ul.multi-container li,
.hs-fieldtype-checkbox ul.multi-container li{
  padding:0 0 10px 0;
}
.hs-fieldtype-radio ul.multi-container li:last-child,
.hs-fieldtype-checkbox ul.multi-container li:last-child{
  padding-bottom:0px;
}

.hs-fieldtype-radio ul.multi-container li label,
.hs-fieldtype-checkbox ul.multi-container li label{
  display:block!important;
}
.hs-fieldtype-radio ul.multi-container li label span,
.hs-fieldtype-checkbox ul.multi-container li label span{
  font-size:18px!important;
  line-height:22px!important;
  padding-left:32px;
  position:relative;
  color:#1E1E1E;
}

.formBlock.bg-black .hs-fieldtype-radio ul.multi-container li label span,
.formBlock.bg-black .hs-fieldtype-checkbox ul.multi-container li label span{
color:#ffffff;
}

.hs-fieldtype-radio ul.multi-container li span::before,
.hs-fieldtype-checkbox ul.multi-container li span::before{
  width:20px;
  height:20px;
  content:'';
  position:absolute;
  left:0;
  top:2px;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}
.hs-fieldtype-radio ul.multi-container li span::before{
  background-color:#000;
}
.formBlock.bg-black .hs-fieldtype-radio ul.multi-container li span::before{
  background-color:#ffffff;
}

.hs-fieldtype-radio ul.multi-container li span::after,
.hs-fieldtype-checkbox ul.multi-container li span::after{
  width:20px;
  height:20px;
  content:'';
  position:absolute;
  left:0;
  top:2px;
  z-index: 1;
  border:#1E1E1E solid 1px;
}

.formBlock.bg-black .hs-fieldtype-radio ul.multi-container li span::after,
.formBlock.bg-black .hs-fieldtype-checkbox ul.multi-container li span::after{
  border:#ffffff solid 1px;
}

.hs-fieldtype-radio ul.multi-container li span::before,
.hs-fieldtype-checkbox ul.multi-container li span::before{
  width:14px;
  height:14px;
  left:4px;
  top:6px;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:14px;
}


.hs-fieldtype-radio ul.multi-container li span::before,
.hs-fieldtype-radio ul.multi-container li span::after{
  border-radius: 100%;
}

.hs-fieldtype-radio ul.multi-container li input[type="radio"],
.hs-fieldtype-checkbox ul.multi-container li input[type="checkbox"]{
  position:absolute;
  left:0;
  top:0;
  opacity:0;
  visibility:hidden;
}

.hs-fieldtype-radio ul.multi-container li input[type="radio"]:checked + span::before,
.hs-fieldtype-checkbox ul.multi-container li input[type="checkbox"]:checked + span::before{
  opacity:1;
  visibility:visible;
}

.hs_submit .formSubmit{ 
  display:inline-block; 
  position:relative;
  cursor:pointer!important;
}
.hs_submit .formSubmit .hs-button{
  font-family:'UntitledSans-Regular';
  font-weight: normal;
  cursor:pointer!important;
}
.hs_submit .formSubmit .formIcon{
  content:"";
  width:28px!important;
  height:16px!important;
  left:auto!important;
  right:16px!important;
  top:16px!important;
  position:absolute;
  transform:none!important;
  z-index:1!important;
  overflow:hidden!important;
}

.hs_submit .formSubmit .formIcon::before, 
.hs_submit .formSubmit .formIcon::after{
  width: 28px;
  height: 16px;
  content:'';
  display:block;
  position: absolute;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background-image:url("");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:24px;
  
}
.hs_submit .formSubmit .formIcon::before{top:50%; transform:translateY(-50%); left:-28px;}
.hs_submit .formSubmit .formIcon::after{top:50%; left:0; transform:translateY(-50%);}

.hs_submit .formSubmit:hover span::before{left:0;}
.hs_submit .formSubmit:hover span::after{left:28px;}


.hs_submit .formSubmit:hover:before{
  right:10px!important;
}

.fomInfoText{
  font-size:16px;
  line-height:20px;
}

.submitted-message{
  border:1px solid #c3e6cb;
  color:#155724;
  font-family:'UntitledSans-Regular';
  font-size:18px;
  line-height:26px;
  font-weight:normal;
  padding:14px;
  text-align:left;
  background-color:#d4edda;
  background-repeat:no-repeat;
  background-size:20px;
  border-radius:10px;
  padding-left:40px;
  background-position:10px center;
}

.formBlock.bg-darkbeige .submitted-message, 
.formBlock.bg-teal .submitted-message,
.formBlock.bg-camel .submitted-message{
  border: 1px solid #000;
  color: #fff;
  background-color: #000;
}

.hs_error_rollup{ display: none!important;}
.hs_error_rollup ul.hs-error-msgs{margin:0px; padding:0px;}
.hs_error_rollup ul.hs-error-msgs li{color:#ff0000; margin:0px; padding:0px;}
.hs_error_rollup ul.hs-error-msgs li label{display:block!important; font-size:14px!important; line-height:20px!important;}


@media only screen and (min-width:0px)and (max-width:1600px) {
  .formBlockRight{padding-right:100px!important;}
  .formDesc{font-size:44px!important; line-height:48px!important;}
}

@media only screen and (min-width:0px)and (max-width:1280px) {
  .formBlockRight{padding-right:60px!important;}
  .formDesc{
    font-size:36px!important;
    line-height:40px!important;}
}

/* Data content css changes start */
.legal-consent-container{
  font-size:16px;
  line-height:22px;
}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label{ display:block!important; color:#000!important;}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label span{font-size:16px; line-height:22px; margin:0px; padding:0 0 0 32px; color:#000;}
.legal-consent-container a{ color:#000; text-decoration:underline;}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label span .hs-form-required{padding-left:0;}
.legal-consent-container .hs-dependent-field ul.inputs-list{margin:0px; padding:10px 0!important; list-style-type:none!important;}
.legal-consent-container .hs-dependent-field ul.inputs-list li{padding:6px 0;}

.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox']{ position:absolute; left:0; top:0; opacity:0; visibility:hidden;}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox'] + span{position:relative}

.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label input[type='checkbox'] + span:before,
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox'] + span:after{
position:absolute;
display:block;  
width:22px;
height:22px;
content:'';  
left:0;
top:0;  
border:#000 solid 1px;  
}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox'] + span:before{}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox'] + span:after{
  opacity:0;
  visibility:hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px;
}
.legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox']:checked + span:after{ opacity:1; visibility:visible;}
.formBlock.bg-black .legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label span,
.formBlock.bg-black .legal-consent-container{color:#fff;}
.formBlock.bg-black .legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label input[type='checkbox'] + span:before,
.formBlock.bg-black .legal-consent-container .hs-dependent-field .hs-form-booleancheckbox input[type='checkbox'] + span:after{
border:#fff solid 1px;  
}
.formBlock.bg-black .legal-consent-container a{ color:#fff; text-decoration:underline;}
/* Data content css changes end */

@media only screen and (min-width:0px)and (max-width:1023px) {
  .formBlockRight{padding-right:200px!important;}
  .btn-left .hs_submit, .hs_submit .actions{ text-align:left;}
}

/* devices portrait phone landscape start  */
@media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: landscape) {}
  @media all and (orientation: portrait) {
    .hs_submit .actions .hs-button{
      font-size: 14px !important;
      line-height: 20px !important;
      min-width: 140px;
      padding: 8px 50px 8px 20px !important;
    }
    .hs_submit .formSubmit .formIcon{top:12px!important;}
    .hs_submit .formSubmit::before, .hs_submit .formSubmit::after{
     background-size:22px;
    }
    }
  }
}
/* devices portrait phone landscape end  */

@media only screen and (min-width:0px)and (max-width:900px) {
  .formBlockRight 
}

@media only screen and (min-width:0px)and (max-width:767px) {
  .formBlockRight{padding-right:80px!important;}
  .submitted-message{
    font-size:15px;
    padding:10px 14px;
    padding-left:40px;
  }
}

@media only screen and (min-width:0px)and (max-width:550px) {
  .formBlockRight{padding-right:0px!important;}
  .formDesc{
  font-size:30px!important;
  line-height:34px!important;
  }
    .legal-consent-container .hs-dependent-field .hs-form-booleancheckbox label span{
  font-size:14px;
  line-height:20px;
  }
}