*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
body{font-family:HelveticaNeue}
.form-columns-0 {float: left;}
.form-section-wrap select {display: none !important;}
.form-section-wrap *,.sign-up-section-wrap *{font-family:HelveticaNeue!important;font-weight:700!important}
/*.form-section-wrap{margin-top:60px;margin-bottom:60px;background-color:#0055b9;text-align:center;padding:25px 0;display:block;-moz-transition:.5s;transition:.5s;color:#fff}*/
.form-section-wrap{background-color:#0055b9;text-align:center;display:block;-moz-transition:.5s;transition:.5s;color:#fff}
.form-section-wrap ul.inputs-list {list-style: none; padding-left: 0; text-align: left;}
.form-section fieldset .hs-form-field>label{display:none}
.form-section form{font-family:HelveticaNeue; padding-bottom: 35px;}
.form-section form input:not([type="checkbox"]),.form-section form textarea{width:100%!important;font-family:HelveticaNeue}
.form-section-wrap form fieldset {max-width: 100%; margin-bottom: 1rem;}
.form-section fieldset .input{padding-right:15px;padding-left:15px;margin:0px!important}
.form-section fieldset .hs_nature_of_enquiry__c .input {margin-right: 6px !important;}
.form-section fieldset input::placeholder{color:#000000;opacity:1}
.form-section fieldset textarea::placeholder{color:#000000;opacity:1}
.form-section-wrap input.hs-input{height: 45px!important;font-size:16px;color:#000000;border-radius:0px;box-shadow:none;border:0; padding: 0 15px;}
.form-section-wrap textarea.hs-input,.form-section-wrap select.hs-input{padding:16px 12px;border-radius:0px;box-shadow:none;font-size:16px;color:#000000}
#contact_form_message-d7db0ecb-5b3c-4475-9125-c2032c2402ed::placeholder {color: #adadad;}
#contact_form_message-d7db0ecb-5b3c-4475-9125-c2032c2402ed::-webkit-input-placeholder {color: #adadad;}
#contact_form_message-d7db0ecb-5b3c-4475-9125-c2032c2402ed::-moz-input-placeholder {color: #adadad;}
#contact_form_message-d7db0ecb-5b3c-4475-9125-c2032c2402ed::-ms-input-placeholder {color: #adadad;}
.form-section-wrap h3{font-size:25px;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center}
.form-section-wrap textarea.hs-input{box-sizing:border-box!important;min-height:249px}
.form-section-wrap select.hs-input{cursor:pointer;padding:0px!important;padding:0px!important;line-height:40px;min-height:50px;padding-left:10px!important}
.form-section-wrap .hs_job_app_upload_documents .input input{background-color:transparent;color:#fff}
button.file-upload-button{background-color:#fff;width:50px;height:50px;font-size:30px;line-height:45px;-moz-border-radius:100%;border-radius:100%;display:inline-block;margin-right:0px;color:#0055b9;padding-left:0;border:0;cursor:pointer;float:left}
.form-section-wrap .hs_job_app_upload_documents input.file-upload-input::placeholder{color:#fff}
.form-section-wrap .hs_job_app_upload_documents input.file-upload-input{float:left;width:calc(100% - 65px)!important;border:0;font-size:18px;font-weight:700}
.form-section-wrap .file-upload-wrapper{display:inline-flex;width:100%;vertical-align:middle;align-items:center;justify-content:center}
.hs-switch{display:inline-block;height:24px;position:relative;width:45px;float:left}
.hs-form-booleancheckbox input:checked+.hs-slider:before{-moz-transform:translateX(22px);transform:translateX(22px);background-color:#0055b9}
.hs-form-booleancheckbox input:checked+.hs-slider{background-color:#fff}
.hs-form-booleancheckbox .hs-slider.round:before{-moz-border-radius:50%;border-radius:50%;background-color: #a9a9a9;content:"";height:16px;width:16px;position:absolute;left:4px;bottom:4px;transition:.4s;}
.hs-form-booleancheckbox .hs-slider.white-dark-grey:before{background-color:#a9a9a9}
/*.hs-form-booleancheckbox .hs-slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;-moz-transition:.4s;transition:.4s;width:26px}*/
.hs-slider.white-dark-grey.round{cursor:pointer;background-color:#fff;border-radius:34px;transition:.4s;width:45px;height:24px;position:relative;display:inline-block;float:left;}
.hs-fieldtype-select .input{position: relative;}
.hs-form-booleancheckbox span{color:#fff;margin-left:10px;width:100%;float:right;text-align:left;line-height:16px;font-size:12px;position:absolute}
.hs-fieldtype-booleancheckbox{margin-top:11px}
.form-section .hs-richtext{color:#fff!important;font-size:14px;text-align:left;padding:0px 16px}
.form-section .hs-richtext a{color:#fff!important}
.form-section .hs-richtext *{font-size:14px!important}
fieldset.form-columns-1.set-width{width:100%;float:left;margin-bottom:0!important;}
fieldset.form-columns-1.set-width ul.inputs-list {margin-bottom:0;}
.form-section{display:inline-block;width:100%}
.hs_submit.hs-submit .actions{margin:0px!important;padding:0px 15px;text-align:right !important;}
span.hs-form-required{display:none;}
.hs_submit.hs-submit input.hs-button.primary.large{box-sizing:border-box;background-color:#ffff;color: #0c0c0c;border:0;font-size:1rem;padding:10px 30px;border-radius:0px;white-space: normal;font-weight:700;transition:.3s;-moz-transition:.3s;text-align:center;}
.hs_submit.hs-submit input.hs-button.primary.large:hover {background: #000000; color: #ffffff;}
.contact-form .select{position:relative;}
.contact-form .select-box, .contact-form .hs-input{margin-bottom: 15px !important;}
.contact-form .select-box, .contact-form .hs-input[type="checkbox"]{margin-bottom: 0px !important;}
.contact-form .select-options li {margin: 0;}
.contact-form .select-styled {padding: 10px 15px!important; color:#000000; margin:0!important;}
ul.hs-error-msgs .hs-error-msg {display: none;}
.hs_error_rollup .hs-error-msgs {display: none !important;}
ul.hs-error-msgs.inputs-list label {padding: 0 1em;}
span.error.opt-in-error {display: block; text-align: left; padding: 10px; color: #000000; margin-bottom: 15px;}
ul.hs-error-msgs a:hover {text-decoration: underline !important; cursor: pointer;}
.form-section-wrap h3 img{margin-right:17px}
.form-section form{display:inline-block;width:100%}
/* .hs_nature_of_enquiry__c .input{width:50%!important;float:left} */
.hs_region__c .input{width:50%!important;float:left}
.sign-up-form .hs-richtext *{font-size:18px;line-height:25px;color:#fff}
.sign-up-form .hs_email label{display:none!important}
.sign-up-form .hs_email input{height:46px;border-radius:0px;border:2px solid #fff;background-color:transparent}
.sign-up-form .hs_submit.hs-submit{width:135px;padding-left:0px;padding-top:28px}
.sign-up-form form>div{display:inline-block;width:calc(100% - 135px);float:left}
.sign-up-form .hs_submit.hs-submit input.hs-button.primary.large{min-width:100%;padding:0px;border:2px solid #fff;padding:8px 30px;height:46px;font-size:14px}
.sign-up-form .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field{margin-top:12px;margin-bottom:0px}
.sign-up-form form{display:inline-flex;vertical-align:middle;align-items:flex-end;margin-top:19px}
.newsletter-modal form label {display:none!important}
.newsletter-modal form input {border-radius:0;height:48px;border:1px solid #dee2e6!important; margin: 10px 0; padding: 10px; width: 100%;}
.newsletter-modal form input[type="submit"] {line-height:0!important;background:#0055b9!important;color:#ffffff!important; width: 100%!important;}
.newsletter-modal form .hs_submit.hs-submit input.hs-button.primary.large {width:100% !important;}
.newsletter-modal form .hs-submit.hs-submit {width:100%; padding: 0;}
.newsletter-modal form .hs-submit.hs-submit .actions {width:100%; text-align:left;}
.form-columns-0 .smallprint {text-align: left;color: #fff;font-weight: 500;line-height: 1.3}

.hs_contact_form_message{margin-top: 15px;}
.hs-form .select-dropdown {width: 100%;}
.hs-form .grecaptcha-badge {box-shadow: none !important;}
.hs_recaptcha {position: absolute; bottom: 15px;}

p.error-msg { display: block; text-align: left; padding: 5px 15px; color: #cb0606;}


.contact-form form.hs-form .error {
    background-color: white !important;
    color: #cb0606 !important;
}

.contact-form form.hs-form ul[role="checkbox"].error {
    background-color: #0055b9 !important;
    color: #ffffff !important;
}
.contact-form form.hs-form ul[role="checkbox"].multi-container,
.contact-form form.hs-form ul[role="checkbox"].error.multi-container {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.contact-form form.hs-form .error::placeholder {
    color: #cb0606 !important;
}

.contact-form form.hs-form .select-box.error .filter-label {
    color: #cb0606 !important;
}

.hs-fieldtype-checkbox ul.hs-error-msgs {
    position: absolute;
}

.form-section-wrap ul.multi-container {
    padding-left: 20px;
}

.form-section-wrap ul.multi-container li:first-of-type {
    padding-top: .5em;
}

.form-section-wrap ul.multi-container li:last-of-type {
    padding-bottom: .5em;
}

ul.multi-container li label {
    position: relative;
    width: 100%;
}

/* ul.multi-container li label input{ 
    width: 25px !important;
} */

ul.multi-container li label span {
    position: relative;
    left: 10px;
    pointer-events: none;
    font-size: 12px;
    color: #0c0c0c;
    display: inline-grid;
    width: 200px;
}

form:not(#product_static_form) input[type="text"],input[type="tel"],input[type='email']{max-width: 465px;float:left;}

@media(max-width: 1280px) {
    .form-section-wrap .contact-form .select-styled {padding: 12px 10px !important; font-size: 16px;}
    .form-section-wrap input.hs-input, .form-section-wrap textarea.hs-input {font-size: 16px;}
}

@media (max-width: 1200px) {
    .hs-form-booleancheckbox span {width:52%;}
}

@media(max-width:991px){
    fieldset.form-columns-1.set-width{width:70%}
    .form-section-wrap h3{font-size:20px}
    .form-section-wrap h3{font-size:20px}
    .form-section .hs_submit.hs-submit input.hs-button.primary.large{min-width:100%;width: 100px !important;font-size: 16px;height: 60px;padding: 0;}
    .form-section-wrap{margin-bottom:30px}
    .hs-richtext.hs-main-font-element p {display: block;}
    .hs_nature_of_enquiry__c .input{width:100%!important;}
    .hs_region__c .input{width:100%!important;}
    .hs-form-booleancheckbox span {margin: 5px 15px;}
}
@media(max-width:767px){
    fieldset.form-columns-2 .hs-form-field{width:100%!important}
    fieldset.form-columns-1.set-width{width:100%}
    .hs_submit.hs-submit{width:100%}
    .hs_nature_of_enquiry__c .input{width:100%!important}
    .hs_region__c .input{width:100%!important}
    .form-section-wrap input.hs-input, .form-section-wrap textarea.hs-input {margin-bottom: 10px !important;}
    .hs-interests {margin: 10px 0;} 
}
@media(max-width:600px){
    .form-section form{margin-bottom:0px; padding-bottom: 50px;}
    .form-section-wrap h3{padding:0px 25px;margin-bottom:14px}
    .sign-up-form .hs-richtext *{width:calc(100vw - 30px)}
    .form-section .hs_submit.hs-submit input.hs-button.primary.large{font-size:16px;line-height:23px}
    .hs-country {float:left !important;}
    .filter-label { height: 45px; overflow-y: hidden;}
}

@media (max-width: 500px) {
    .contact-bar .padding-25 {
        padding: 15px;
    }
    .filter-label, 
    input,
    textarea {
        font-size: 11.5px !important;
    }
    .select-box {
        padding-left: 0px;

    }
    @media (max-width: 500px) {
        #product-builder-modal button.product-modal-close {
        max-width: 8%;
        right: 10px;
        padding: 15px 20px !important;
    
        }
    }
    #product-builder-modal .product-modal-close span {
        display: flex;
        justify-content: center;
    }

    #product-builder-modal .product-modal-close:active {
        border: 0;
    }
}

@media (min-width: 1300px) {
    .hs-region__c .select-box {margin-right: 6px;}
    .hs-country .select-box {margin-right: 6px;}

    #product-builder-modal .hs_country .select-box, 
    #product-builder-modal .hs_region__c .select-box {
        margin-right: 0;
    }
}

.select-closed ul.multi-container {
    max-height: 0px;
}

ul.multi-container {
    position: absolute;
    top: 45px;
    left: 15px;
    background-color: white;
    list-style-type: none;
    /* border-top: 1px solid #E3E3E3; */
    transition: max-height linear 0.25s;
    max-height: 500px;
    z-index: 51;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    width: calc(100% - 30px);
    box-shadow: 1px 2px 5px rgba(128,128,128,.3);
    padding-left: 20px;
}

ul.multi-container li {
    line-height: initial;
}

ul.multi-container label {
    line-height: initial;
    /* position: relative;
    display: block;
    cursor: pointer;
    line-height: 26px;
    padding: 0 10px 0 0;
    white-space: nowrap;
    overflow: hidden;
    color: #0c0c0c;
    text-align: left; */
}

ul.multi-container label input[type="checkbox"] {
    margin: 5px;
    appearance: none;
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #000000;
    border-radius: 0;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding: 0;
}

ul.multi-container label input[type="checkbox"]:checked {
    border-color: #0055b9;
}

ul.multi-container label input[type="checkbox"]:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 5px;
    background-color: #0055b9;
    transform: translate(-50%, -50%);
}

.custom-cable-assembly-builder #enquiryFormModal .hs_interests {
    margin-bottom:  .75em;
}

.custom-cable-assembly-builder #enquiryFormModal ul.multi-container {
    box-shadow: none;
}

@media (min-width: 1300px) {
    .hs-interests .input {
        max-width: calc(100% - 7.5px);
    }
}

@media (min-width: 1290px) and (max-width: 1299px){
    .hs-interests .input {
        max-width: calc(100% - 2.5px);
    }
}

@media (min-width: 1200px) {
    .form-section .hs_submit.hs-submit input.hs-button.primary.large{width:220.83px!important}
    .form-columns-0 .smallprint {padding-left: 4rem}

    ul.multi-container li label span {
        left: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .form-columns-0 .smallprint {padding-left: 3.3rem}
}
@media (min-width: 992px) {
    .hs-form-booleancheckbox span {font-size: 18px;line-height:1}
    .form-section .hs_submit.hs-submit input.hs-button.primary.large{width:190px !important;}
    html[lang="fr"] .hs-form .filter-label { font-size: 13px;}
    html[lang="fr"] .hs-form .select-box.width-md-65 { width: 70%;}
    html[lang="fr"] .hs-form input, html[lang="fr"] .hs-form textarea { font-size: 13px;}
}

@media (min-width: 767px) {

    fieldset.form-columns-1 .hs_nature_of_enquiry__c {
        width: 50%;
    }
    ul.multi-container li label span {
        top: -1px;
    }

    .custom-cable-assembly-builder #enquiryFormModal .hs_interests .input{
        width: 50%;
    }
}