@font-face {
    font-family: 'Frutiger 87 Extra Black Condensed';
    src: url(https://celliant.com/wp-content/themes/celliant/assets/fonts/Frutiger_87_Extra_Black_Condensed.otf);
    font-weight: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
}

    input[type="submit"] {
       cursor:pointer; 
    }
    p.text-above-button {
    padding-top: 30px !important;
    font-size: 12px;
    font-family: Avenir,'Lato';
    font-weight: 500;
}

/*Developer css start*/
    .paragraph-text, .description {
        margin: 15px 0px 15px 0px !important;
        color: #0e2730 !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
    form.form .description {
        font: 100%/260% Tahoma,Arial,Helvetica,Verdana,sans-serif;
        padding-left: 70px;
    }
    .form-field.pd-text,.pd-select,.pd-radio {
        padding-bottom: 20px;
    }
    .form-field.Health_Status.pd-checkbox,.Parameter.pd-checkbox {
        font: 100%/260% Tahoma,Arial,Helvetica,Verdana,sans-serif;
        padding-bottom: 20px;
    }
    .pd-radio span {
        padding-right: 35px;
    }
    form.form span.value {
        margin-left: 70px;
    }
    
    /*Tooltip css*/
    label[for="943123_57671pi_943123_57671_376712_376712"] {position: relative;cursor:pointer; font-size:14px;font-weight:600;color:#000000;margin-right:20px;}
label[for="943123_57671pi_943123_57671_376712_376712"]:hover::before {content: "";width: 15px;height: 15px;border: 1px solid #d2d2d2;border-right-color: transparent;border-bottom-color: transparent;position: absolute;background: linear-gradient(135deg, #f2f2f2 50%, transparent 50%);transform: rotate(45deg);top: 23px;z-index: 3;left: 0px;transition: .2s all;}
label[for="943123_57671pi_943123_57671_376712_376712"]:hover::after {content: "I work at a company interested in incorporating CELLIANT® into our products.";background: #f2f2f2;display: inline-block;width: 200px;border: 1px solid #d2d2d2;padding: 5px;border-radius: 0;position: absolute;top: 30px;left: -16px;z-index: 2;transition: .2s all;}

    label[for="943123_57671pi_943123_57671_376715_376715"] {position: relative;cursor:pointer; font-size:14px;font-weight:600;color:#000000;margin-right:20px;}
label[for="943123_57671pi_943123_57671_376715_376715"]:hover::before {content: "";width: 15px;height: 15px;border: 1px solid #d2d2d2;border-right-color: transparent;border-bottom-color: transparent;position: absolute;background: linear-gradient(135deg, #f2f2f2 50%, transparent 50%);transform: rotate(45deg);top: 23px;z-index: 3;left: 0px;transition: .2s all;}
label[for="943123_57671pi_943123_57671_376715_376715"]:hover::after {content: "I work at a company that manufactures fiber, yarn and/or fabrics and is interested in being an approved CELLIANT® supplier.";background: #f2f2f2;display: inline-block;width: 200px;border: 1px solid #d2d2d2;padding: 5px;border-radius: 0;position: absolute;top: 30px;left: -16px;z-index: 2;transition: .2s all;}

    label[for="943123_57671pi_943123_57671_376796_376796"] {position: relative;cursor:pointer; font-size:14px;font-weight:600;color:#000000;margin-right:20px;}
label[for="943123_57671pi_943123_57671_376796_376796"]:hover::before {content: "";width: 15px;height: 15px;border: 1px solid #d2d2d2;border-right-color: transparent;border-bottom-color: transparent;position: absolute;background: linear-gradient(135deg, #f2f2f2 50%, transparent 50%);transform: rotate(45deg);top: 23px;z-index: 3;left: 0px;transition: .2s all;}
label[for="943123_57671pi_943123_57671_376796_376796"]:hover::after {content: "I'm a consumer who has a question about CELLIANT® products.";background: #f2f2f2;display: inline-block;width: 200px;border: 1px solid #d2d2d2;padding: 5px;border-radius: 0;position: absolute;top: 30px;left: -16px;z-index: 2;transition: .2s all;}

    /*Developer css end*/
    
    input{box-sizing:border-box} 
    
    body form.form div.form-col-1 {
    	float: left !important;
    	clear: left !important;
    	width: 49% !important;
    	padding-left: 0 !important;
    	margin-right: 0 !important;
    	margin-left: 0 !important;
    	padding-bottom:20px;
    }
    body form.form div.form-col-2 {
    	float: right !important;
    	clear: right !important;
    	width: 49% !important;
    	padding-right: 0 !important;
    	padding-left: 0 !important;
    	margin-right: 0 !important;
    	margin-left: 0 !important;
    	padding-bottom:20px;
    }
    body form.form div.form-col-full {
    	width: 100%;
    	padding-right: 0 !important;
    	padding-left: 0 !important;
    	margin-right: 0 !important;
    	margin-left: 0 !important;
    	padding-bottom:20px;
    }
    
    /* Captcha fix */
    form.form .pd-captcha {
        position: relative !important;
        width: 190px !important;
        left: 0 !important;
        display: block !important;
        height: 150px !important;
    }
    
   #pardot-form {
    background: #162930;
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 15px 15px 55px 15px;
}

p.submit {
    padding-bottom: 30px !important;
}
    
    input.text, input.text:focus{
    color: #F2F2F2 !important;
    border: 1px solid #F2F2F2 !important;
    background-color: transparent !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    height: 45px !important;
    width: 100% !important;
    user-select: none;
    outline: none !important;
    font-family: Avenir,'Lato';
    }
    

    form.form select{
        color: #F2F2F2 !important;
        border: 1px solid #F2F2F2 !important;
        background-color: transparent !important;
        padding: 0 15px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        height: 45px !important;
        width: 100% !important;
    }
    
    #pardot-form .pd-checkbox label {
      position: relative;
      margin-left: 0px !important;
    }
     
    /* style the unchecked checkbox */
    #pardot-form .pd-checkbox input+label:before {
      content: '';
      background: #f2f2f2;
      border: 1px solid #979797;
      display: inline-block;
      vertical-align: middle;
      width: 15px;
      height: 15px;
      padding: 0px;
      margin-right: 10px;
      text-align: center;
      font-size: 15px;
      line-height: 15px;
    }
     
    /* style the checked checkbox */
    #pardot-form .pd-checkbox input:checked+label:before {
      content: "\2713";
      background: ##f2f2f2;
      color: #0e2730;
    }
    
    /* hide the regular checkbox */
    #pardot-form .pd-checkbox input {
      opacity: 0;
      position: absolute;
    }
     
    /* position the label */
    #pardot-form .pd-checkbox input, #pardot-form .pd-checkbox label {
      display: inline-block;
      vertical-align: middle;
      color: #0e2730 !important;
      margin: 5px;
      font-size: 14px;
      font-weight: 700 !important;
      cursor: pointer;
    }
    
    form.form p.submit{
        margin: 30px 0px 0px 0px !important;
    }
    
    form.form p.message{
        margin: 10px 0px 0px 0px;
        font-style: italic;
        color: #0e2730;
        font-weight: 600;
        font-size: small;
    }
    
    .text-above-button {
        color: #f2f2f2;
    }
    
    form.form p.submit input{
        color: #f2f2f2 !important;
    background-color: #24a72d !important;
    height: 45px !important;
    width: 287px;
    padding: 10px 15px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: none !important;
    float: right !important;
    text-transform: uppercase;
    font-family: Avenir,'Lato';
    }
    
    form.form textarea.standard{
        color: #F2F2F2 !important;
        border: 1px solid #979797 !important;
        background-color: #f2f2f2 !important;
        padding: 15px 15px !important;
        font: normal normal 700 14px Tahoma,Arial,Helvetica,Verdana,sans-serif !important;
        height: 140px !important;
        width: 100% !important;
        user-select: none;
        outline: none !important;
        box-sizing:border-box;
    }
    
    
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #F2F2F2;
        opacity: 1; /* Firefox */
        font-size: 14px;
        font-weight: 700 !important;
    }
    
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #F2F2F2;
        font-size: 14px;
        font-weight: 700 !important;
    }
        
    ::-ms-input-placeholder { /* Microsoft Edge */
        color: #F2F2F2;
        font-size: 14px;
        font-weight: 700 !important;
    }
    
        textarea::-webkit-input-placeholder {
        color: #F2F2F2;
        Font: normal normal 700 14px Tahoma,Arial,Helvetica,Verdana,sans-serif !important;
    }

    textarea:-moz-placeholder { /* Firefox 18- */
        color: #F2F2F2;
        Font: normal normal 700 14px Tahoma,Arial,Helvetica,Verdana,sans-serif !important;
    }

    textarea::-moz-placeholder {  /* Firefox 19+ */
        color: #F2F2F2;
        Font: normal normal 700 14px Tahoma,Arial,Helvetica,Verdana,sans-serif !important;
    }

    textarea:-ms-input-placeholder {
        color: #F2F2F2;
        Font: normal normal 700 14px Tahoma,Arial,Helvetica,Verdana,sans-serif !important;
    }

    
    
    @media only screen and (max-width : 450px) {
        body #pardot-form div.form-col-1,
        body #pardot-form div.form-col-2 {
        width:100% !important;
        
    }
    }




body form.form div.form-col-1 {
float: left !important;
clear: left !important;
width: 49% !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-bottom:14px;
}
body form.form div.form-col-2 {
float: right !important;
clear: right !important;
width: 49% !important;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-bottom:14px;
}
body form.form div.form-col-full {
width: 100%;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-bottom:10px;
        clear:both;
}
body form.form input.text, body form.form select {
width: 100% !important;
}
/* Captcha fix */
form.form .pd-captcha {
    position: relative !important;
    width: 190px !important;
    left: 0 !important;
    display: block !important;
    height: 150px !important;
}

p.header {
    font-family: "Frutiger 87 Extra Black Condensed", Sans-serif;
}