/* Checkbox Style */
.hs-form-checkbox:not(:last-child){margin-bottom:20px;}
.hs-form-checkbox label.hs-form-checkbox-display{font-size:14px;font-weight:700;text-transform:uppercase;display:flex;flex-wrap:wrap;}
.hs-form-checkbox-display .hs-input{display:none;}
.hs-form-checkbox label.hs-form-checkbox-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-checkbox label.hs-form-checkbox-display input+span:before{width: 20px; height: 20px; content: ''; display: inline-block; margin-right: 13px; transition: 0.5s ease all; font-size: 1rem; outline: none; border: 1px solid gray; border-radius: 8px; padding: 10px 10px; color: #171717; background: transparent; transition: 0.1s ease-out; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before{background-color:#111d33;}
.hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after{content: "\f00c"; font-family: FontAwesome; position: absolute; left: 4px; color: #fff; top: 3px; font-size: 15px; border-radius: 100%; transition: 0.5s ease all;}
ul.inputs-list.multi-container {
    padding: 0;
    list-style-type: none;
}
.form-title {
    margin: 0;
}
.hs-fieldtype-checkbox > label , .hs-fieldtype-radio > label {
    position: relative !important;
    font-size: 20px !important;
    margin: 0 !important;
    color: #000 !important;
} 
/* Radio Button Style */
.hs-form-radio label.hs-form-radio-display{font-size:14px;font-weight:400;text-transform:uppercase;display:flex;flex-wrap:wrap;}
.hs-form-radio:not(:last-child) {
    margin-bottom: 20px;
}
.hs-form-radio-display .hs-input{display:none;}
.hs-form-radio label.hs-form-radio-display input+span{display:flex;flex-wrap:wrap;align-items:center;position:relative;}
.hs-form-radio label.hs-form-radio-display input+span:before{width:20px;height:20px;content:'';background-color:#fff; border: 1px solid gray;display:inline-block;border-radius:100%;margin-right:13px;transition:0.5s ease all;}
.hs-form-radio label.hs-form-radio-display input:checked+span:before{background-color:#000;}
.hs-form-radio label.hs-form-radio-display input:checked+span:after{content:'';position:absolute;left:6px;width:10px;height:10px;background-color:#fff;top:6px;border-radius:100%;transition:0.5s ease all;}


.legal-consent-container .field.hs-form-field { margin: 0; padding: 0; }
.hs-form-booleancheckbox:not(:last-child) { margin-bottom: 29px; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display { font-size: 14px; font-weight: 700; text-transform: uppercase; display: flex; flex-wrap: wrap; }
.hs-form-checkbox-display .hs-input { display: none; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span { display: flex; flex-wrap: wrap; align-items: center; position: relative; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 25px; height: 25px; content: ''; display: inline-block; margin-right: 13px; transition: 0.5s ease all; font-size: 1rem; outline: none; border: 1px solid gray; border-radius: 8px; padding: 12px 16px; color: #171717; background: transparent; transition: 0.1s ease-out; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
form.hs-form input[type=checkbox] { display: none; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before { background-color: #111d33; }
.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { content: "\f00c"; font-family: FontAwesome; position: absolute; left: 7px; color: #fff; top: 3px; font-size: 20px; border-radius: 100%; transition: 0.5s ease all; }

.row .row-fluid{ align-items:flex-start !important; }  

form { background-color: #fff; padding: 0px; }
.field { position: relative; margin: 12px 0 30px 0; }
.field:first-of-type { margin: 0px 0 30px 0; }
.hs-form-field > label { position: absolute; font-size: 1rem; left: 0; top: 50%; transform: translateY(-50%); background-color: white; color: #A3A3A3; padding: 0 0.3rem; margin: 0 0.5rem; transition: .1s ease-out; transform-origin: left top; pointer-events: none; background: #fff; width:300px; }
input, textarea { font-size: 1rem; outline: none; border: 1px solid gray; border-radius: 8px; padding: 12px 16px; color: #171717; background: transparent; transition: 0.1s ease-out; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { font-size: 1rem; outline: none; border: 1px solid grey; border-radius: 8px; padding: 12px 16px; color: #171717; background: transparent; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type='checkbox'] { -webkit-appearance: initial; -moz-appearance: initial; appearance: initial; }
input:focus { border-color: #A3A3A3; }
.focused label { color: #A3A3A3; top: 2px; transform: translateY(-50%) scale(.8); width:auto; }
.hasBeenFocused label { top: 22px; }
input:not(:placeholder-shown) + label { top: 2px; transform: translateY(-50%) scale(.8); }
.hs-button { background: #171717; border-radius: 30px; border-color: #171717; padding: 12px 32px; color: white; text-decoration: none; display: block; width: fit-content; margin-left: auto; }
.hs-button:hover { background: black; color: white; border: solid 1px #171717; }
input:-webkit-autofill, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:focus { transition: background-color 600000s 0s, color 600000s 0s; }
.hs-error-msg, .hs-main-font-element { position: initial; color: red !important; }
.hs-error-msgs li, .hs-main-font-element li { list-style: none; font-size: 12px; }
ul.hs-error-msgs, .hs-main-font-element  { padding: 0; margin-top: 5px; }
input.invalid, input.error, textarea.invalid, textarea.error { border-color: red; color: red; }
.legal-consent-container .hs-richtext p, .legal-consent-container .hs-richtext a { font-size: 12px !important; color: #A3A3A3; }
form.hs-form input[type=submit] { width: initial;  cursor:pointer;}
form.hs-form input[type=checkbox] { width: initial; }
.legal-consent-container .inputs-list { margin: 5px 0 30px 0; padding: 0; }
.legal-consent-container .inputs-list li { list-style: none; }
.legal-consent-container .inputs-list li p { font-weight: 600; font-size: 12px; line-height: px; text-transform: initial; }
.legal-consent-container .inputs-list li label { display: flex; align-items: center; }
.legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 0 !important; }
.hs-richtext p { font-size: 12px; }

.field.hs-form-field {
    position: relative;
}

ul.no-list.hs-error-msgs.inputs-list {
    position: absolute;
    bottom: -17px;
    margin: 0px;
}

.hs_error_rollup {
    position: relative;
}

/***DX css***/
.ul-select-class {
  display:none;
    list-style: none;
    padding: 0px 0;
    margin: 0;
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto;
    border: 1px solid #000;
	position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
}


.ul-select-class li {
    margin: 0 0 0px;
    padding: 5px 0 5px 15px;
    cursor: pointer;
}

.ul-select-class li:hover {
    background-color: dodgerblue;
    color: #fff;
}

/* select option {
    display: none !important;
    height: 0;
} */


.over-select {
    background-color: transparent;
    height: 43px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	z-index: 1;
}
.hs-fieldtype-select > label { z-index:1;}
.hs-fieldtype-select .input {
    position: relative;
}


@media only screen and (max-width:767px) {
.hs-form-field > label {
    font-size: 12px;
}
  .hs-fieldtype-checkbox > label, .hs-fieldtype-radio > label {
   
    font-size: 15px !important;
   
}
.hs-form-radio label.hs-form-radio-display , .hs-form-checkbox label.hs-form-checkbox-display {
  font-size: 12px;}
  .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { padding:12px; margin-right: 9px; }
  
  .hs-form-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after{ left:6px; top:5px; font-size:15px;  }
  .legal-consent-container .inputs-list li p { font-size:11px; }


}
@media only screen and (max-width:414px){
  .hs-button { margin-top:40px; }
  .hs-form-field > label{ width:210px; }
  .focused label {  width:auto; }


}