.hs-fieldtype-checkbox.hs-form-field span {

    padding-left:0;
    text-transform:none;
    
    font-family: proxima-nova, sans-serif;
    font-weight:400;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 24px;

}

.hs-fieldtype-checkbox.hs-form-field label.title span {
    font-family: proxima-nova, sans-serif;
    font-weight:700;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 19px;
}
.hs-fieldtype-checkbox .hs-form-checkbox .control_indicator {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:rgba(0, 0, 0, 0);
    background-image:none;
    background-origin:padding-box;
    background-position-x:0;
    background-position-y:0;
    background-repeat:repeat;
    background-size:auto;
    border-bottom-color:rgb(255, 255, 255);
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-image-outset:0;
    border-image-repeat:stretch;
    border-image-slice:100%;
    border-image-source:none;
    border-image-width:1;
    border-left-color:rgb(255, 255, 255);
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:rgb(255, 255, 255);
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:rgb(255, 255, 255);
    border-top-style:solid;
    border-top-width:1px;
    height:13px;
    left:0;
    position:absolute;
    top:8px;
    width:13px;
}

.hs-fieldtype-checkbox .hs-form-checkbox input[type="checkbox"]:checked ~ .control_indicator {
    
    border-bottom-color:rgb(255, 255, 255);
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-image-outset:0;
    border-image-repeat:stretch;
    border-image-slice:100%;
    border-image-source:none;
    border-image-width:1;
    border-left-color:rgb(255, 255, 255);
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:rgb(255, 255, 255);
    border-right-style:solid;
    border-right-width:1px;
    border-top-color:rgb(255, 255, 255);
    border-top-style:solid;
    border-top-width:1px;
    background-attachment:scroll;
    background-clip:border-box;
    
    /*background-color:rgb(242, 242, 242);*/
    
    background-color:transparent;
    
    background-image:none;
    background-origin:padding-box;
    background-position-x:0;
    background-position-y:0;
    background-repeat:repeat;
    background-size:auto;
    
}
.hs-fieldtype-checkbox .hs-form-checkbox input[type="checkbox"]:checked ~ .control_indicator::after {
  display: block;
}
.hs-fieldtype-checkbox .hs-form-checkbox:hover input[type="checkbox"]:not([disabled]):checked ~ .control_indicator {
    background: #0e6647d;
}
.hs-fieldtype-checkbox .hs-form-checkbox input[type="checkbox"]:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.hs-fieldtype-checkbox .hs-form-checkbox input[type="checkbox"]:disabled ~ .control_indicator {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:rgb(230, 230, 230);
    background-image:none;
    background-origin:padding-box;
    background-position-x:0;
    background-position-y:0;
    background-repeat:repeat;
    background-size:auto;
    opacity:0.6;
    pointer-events:none;
}
.hs-fieldtype-checkbox .hs-form-checkbox .control_indicator::after {
    box-sizing:unset;
    content:"";
    display:none;
    position:absolute;

    height:8px;
    left:3px;
    top:-1px;
    transform:rotate(45deg);
    width:3px;
    /*border: solid #F4811F;*/ /*orange*/
    
    border: solid #FFFFFF;

    border-width: 0 2px 2px 0;
}


.hs-fieldtype-checkbox.hs-form-field {
    width:100%;
    margin-bottom:3px;
    margin-left:0;
    margin-right:0;
    margin-top:3px;
    padding-bottom:8px;
    padding-left:2px;
    padding-right:2px;
    padding-top:8px;
    width:auto;
    text-align: left;
}

.form-group.hs-fieldtype-checkbox.hs-form-field {
    padding-bottom:30px;
    margin-bottom: 17px;
}

.hs-fieldtype-checkbox.hs-form-field label {
    color:rgb(255, 255, 255);
    font-family: proxima-nova, sans-serif;
    font-size:14px;
    padding-bottom:0px;
    width:85px;
}
.hs-fieldtype-checkbox.hs-form-field label.title {
    display:inline-block;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:5px;
    padding-left:0;
    padding-right:0;
    padding-top:3px;
    position:relative;
    vertical-align:middle;
    width:auto;
    color:rgb(255, 255, 255);
    font-family: proxima-nova, sans-serif;
    font-size:16.56px;
    letter-spacing:0;
    text-align:left;
    text-transform:none;
}
.hs-fieldtype-checkbox.hs-form-field .input ul {
    column-gap:30px;
    display:grid;
    font-size:unset;
    grid-auto-flow:row;
    grid-template-columns:repeat(2, minmax(0px, 1fr));
    line-height:unset;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    position: relative;
    width:100%;
    padding-left: 0;
    font-family: inherit;
}
.hs-fieldtype-checkbox.hs-form-field .input ul li {
    background-attachment:scroll;
    background-clip:border-box;
    background-color:rgba(0, 0, 0, 0);
    background-image:none;
    background-origin:padding-box;
    background-position-x:0;
    background-position-y:0;
    background-repeat:repeat;
    background-size:auto;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    padding-bottom:0;
    padding-left:22px;
    padding-right:0;
    padding-top:0;
    
    text-align: left;
    
    list-style: none;
    list-style-type: none;
    
    position: relative;
}
.hs-fieldtype-checkbox .hs-form-checkbox {
    padding-bottom:5px;
    width:auto;
}
.hs-fieldtype-checkbox.hs-form-field .hs-form-checkbox label {
    padding-left:0px;
    padding-top:0;
}
.hs-fieldtype-checkbox .hs-form-checkbox label {
    cursor:pointer;
    display:inline-block;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    vertical-align:middle;
}
.hs-fieldtype-checkbox .hs-form-checkbox input {
    vertical-align:text-bottom;
    opacity:0;
    position:absolute;
    z-index:-1;
    opacity:0;
    position:absolute;
    z-index:-1;
    cursor:pointer;
    display:inline-block;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    vertical-align:middle;
}
.hs-fieldtype-checkbox input:invalid {
    box-shadow:none;
}

/*width contrainsts*/
@media (max-width: 640px) {
    /*these occur in em_common_popup.css but ndeed to happen sooner*/
    .hs-fieldtype-checkbox.hs-form-field .input ul {
        width: 100%;
        display: block;
    }
    .hs-fieldtype-checkbox .hs-form-checkbox {
        width: 100%;
    }
}
@media screen and (max-width: 540px) {
   .hs-fieldtype-checkbox.hs-form-field {
    width:100%;
   }
} 
@media screen and (max-width: 540px) {
   .hs-fieldtype-checkbox.hs-form-field .input ul {
    width:100%;
    display:block;
   }
} 
@media screen and (max-width: 540px) {
   .hs-fieldtype-checkbox .hs-form-checkbox {
    width:100%;
   }
}