/* New Business Contact form */


/* GENERAL STYLES */

    .page-template-template-kit-checklist-form .ninja-forms-field.accordionOpen{
        width: 100%;
    }

    .page-template-template-kit-checklist-form .accordionHeader{
        width: 100%;
        background-color: #FFF;
        height: 80px;
        position: relative;
    }
    .page-template-template-kit-checklist-form .accordionHeader a{
        color: #000;
        font-size: 24px;
        font-weight: bold !important;
        line-height: 80px;
        padding-left: 20px;
        margin: 45px 0 0;
        display: block;

    }

    .page-template-template-kit-checklist-form  .accordionHeader a::after{
        position: absolute;
        right: 20px;
    }

    .page-template-template-kit-checklist-form  .accordionHeader a.collapsed{
        margin: 0;
    }

    .page-template-template-kit-checklist-form .accordionFields .fieldsHeader{
        height: 80px;
        padding-left: 65%;
         font-size: 24px;
        font-weight: bold !important;
        line-height: 80px;
    }

    .page-template-template-kit-checklist-form .fullWidthHeader{
        padding: 10% 0 37% 0;
        background-size: 100% 100% !important;
    }

@media only screen and (max-width: 1249px){
    .page-template-template-kit-checklist-form .nf-field-label label{
        font-weight: bold !important;
        text-align: left;
        text-indent: 0;
        font-size: 18px;
    }

    .page-template-template-kit-checklist-form .nf-field-element input{
        padding: 0;
        text-align: center;
        font-size: 26px;
    }
    .page-template-template-kit-checklist-form .ninja-forms-form-wrap img{
        margin-top: 20px;
    }
    .page-template-template-kit-checklist-form .fieldsHeader{
        display: none;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-field-label{
        font-size: 22px !important;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .field-wrap::after{
        clear:both;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-field-container{
        margin-bottom: 35px;
    }
    .page-template-template-kit-checklist-form  .nf-product-price{
        font-size: 28px;
        line-height: 80px;
    }
    .page-template-template-kit-checklist-form .nf-product-price-label{
        display: none;
    }
    .page-template-template-kit-checklist-form .nf-product-quantity-label::after{
        content: '- Qty: ';
        font-size: 28px;
        display: inline-block;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-product-quantity{
        float: right;
    }
    .page-template-template-kit-checklist-form .nf-row .total-container{
        margin-top: 60px !important;
    }
    .page-template-template-kit-checklist-form .total-wrap .nf-field-label{
        width: 20%;
        font-size: 36px;
        display: inline-block;
    }
    .page-template-template-kit-checklist-form .total-wrap .nf-field-element{
        font-weight: bold;
        width: 80%;
        display: inline-block;
        text-align: right;
        font-size: 36px;
    }

}
/* DESKTOP */
@media only screen and (min-width: 1250px){
    .page-template-template-kit-checklist-form {
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:first-child
      .nf-field-container{
            margin-right:5px;
    }

    .page-template-template-kit-checklist-form .nf-field-container .nf-field-label{
        width: 35%;
        float:left;
        background-color: white;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold !important;
        line-height: 80px;
        height: 80px;
        padding-left: 20px;
    }
    .page-template-template-kit-checklist-form .nf-field-container .nf-field-label label{
        font-weight: bold !important;
    }

    .page-template-template-kit-checklist-form .nf-field-container .nf-field-element{
        width: 65%;
        float:left;
    }

    .page-template-template-kit-checklist-form .nf-field-container .nf-field-element input{
            font-weight: bold !important;
            color: #989998 !important;
            font-size: 24px;
    }

    .page-template-template-kit-checklist-form .nf-field-container::after{
        clear:both;
    }

    .page-template-template-kit-checklist-form .accordionFields .fieldsHeader .priceHeader{
    width: 35%;
    display: inline-block;
    }
    .page-template-template-kit-checklist-form .accordionFields .fieldsHeader .QtyHeader{
        margin-left: 35%;
        display: inline-block;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:first-child{
        width: 12% !important;
    }

    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:first-child .nf-field-element{
        width: 100%;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:first-child .nf-field-element img{
        height: 115px;
    }

    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) {
        background-color: #fff;
        margin-bottom: 25px;
        width: 88% !important;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-field-label{
        width: 60%;
        font-size: 18px;
        line-height: 80px;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-field-element{
        width: 40%;
        margin-bottom: 10px;
        font-size: 18px;
        height: 80px;
        line-height: 80px;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-product-price{
        min-width: 125px;
        display: inline-block;
        float: left;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .product-container .nf-field-label{
        text-transform: none !important;
    }

    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) .nf-product-field{
        text-align: left;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) span.nf-product-quantity{
        margin: 0 5px 0 35%;
        text-align: left;
    }
    .page-template-template-kit-checklist-form .accordionFields .nf-row .nf-cell:not(:first-child) input.nf-field-qty{
        border: 2px solid #989998;
        border-radius: 3px;
        height: 55px;
        font-size: 20px;
        padding: 0;
        text-align: center;
        text-indent: 18%;
    }
    .page-template-template-kit-checklist-form .nf-row .total-container{
        border: 3px solid #25BBBC;
        border-radius: 3px;
        margin-top: 125px !important;
    }

    .page-template-template-kit-checklist-form .nf-row .total-container .nf-after-field{
        display: none;
    }

    .page-template-template-kit-checklist-form .nf-row .textarea-wrap .nf-field-label{
        width: 100%;
        background-color: #FBFBFA;
    }
    .page-template-template-kit-checklist-form .nf-row .textarea-wrap .nf-field-element{
        width: 100%;
    }
    .page-template-template-kit-checklist-form .nf-row .submit-container .nf-field-label{
        display: none;
    }
    .page-template-template-kit-checklist-form .nf-row .submit-container .nf-field-element{
        width: 100%;
    }
    .page-template-template-kit-checklist-form .nf-row .submit-container .nf-field-element input{
        color: #fff !important;
    }
    .page-template-template-kit-checklist-form .nf-row .total-container .nf-field-label{
        margin-bottom: 0;
    }
    .page-template-template-kit-checklist-form .nf-row .total-container .nf-element{
        width: 100%;
        background: #fff;
        min-height: 80px;
        display: block;
        text-align: right;
        font-size: 18px;
        line-height: 80px;
        padding-right: 20px;
    }
    .nf-multi-cell .nf-cell{
        padding: 0 !important;
    }
}