body {
    font-family: 'Open Sans', sans-serif !important;
}

.entry-content td,
.comment-content td {
    padding: 0 !important;
    border: none !important;
}

.fds_img {
    width: 218px !important;
    height: 134px !important;
}

code {
    white-space: normal !important;
}

.lead-box {
    background-color: #fff !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 7px !important;
    display: block !important;
    margin: 10% auto !important;
    width: 100% !important;
    padding: 15px 0 15px 20px !important;
    overflow: hidden !important;
}

*::-moz-placeholder {
    color: #d3d3d3 !important;
    opacity: 1 !important;
    text-align: center !important;
}

.zip-box-left {
    float: left !important;
    width: 48% !important;
    box-sizing: border-box !important;
}

.zip-box-left .clearfix {
    margin: 0 !important;
}

.lead-box h2 {
    font-size: 20px !important;
    margin-bottom: 5px !important;
}

.l1 {
    background: #0066a3 none repeat scroll 0 0 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
    padding: 5px 25px !important;
}

h2 span {
    clear: left !important;
    color: #fff !important;
    display: block !important;
    float: left !important;
    font-family: 'Open Sans', sans-serif !important;
    width: auto !important;
}

h2 .l2 {
    background: #243d5a none repeat scroll 0 0 !important;
    padding: 15px 5px !important;
    clear: left !important;
    display: block !important;
    float: left !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
    width: auto !important;
    font-size: 85% !important;
}

#zipcode_form input[type="submit"] {
    display: inline-block !important;
}

#zipcode_form_main #zipcode_form {
    text-align: right !important;
}

#zipcode_form {
    padding: 4% 10px 0 0 !important;
}

.zip-box-right {
    float: right !important;
    font-size: 17px !important;
    width: 48% !important;
}

.zip_box {
    background: #f9f9f9 !important;
    border: 1px solid #808080 !important;
    border-radius: 5px !important;
    font-size: 17px !important;
    height: 48px !important;
    padding: 0 0 0 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 38% !important;
    display: inline-block !important;
}

.hdr-submit {
    background: #eb921b none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
    height: 48px !important;
    font-size: 24px !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
    text-transform: capitalize !important;
}

.hdr-submit:focus {
    border-color: #aaa #bbb #bbb !important;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
}


/*Zip Code End*/

.big_form {
    background: #fff !important;
    overflow: hidden !important;
    margin: auto !important;
    border-radius: 7px !important;
    max-width: 920px !important;
    padding: 0 10px !important;
}

.estimate_h2 {
    clear: both !important;
    color: #005f99 !important;
    font-size: 29px !important;
    font-weight: 600 !important;
    line-height: 55px !important;
    margin: 30px 0 !important;
    width: 100% !important;
}

.form_float {
    float: left !important;
    margin: 15px 0 20px !important;
    padding: 20px !important;
    width: 45% !important;
    margin: 0px auto !important;
}

#nx-form-main {
    background: #d8e4eb none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
}

fieldset {
    padding: 0 22px !important;
    position: relative !important;
    border: none !important;
}

#contact_info {
    padding-bottom: 0 !important;
}

#contact_info ol {
    margin-left: 0 !important;
    margin-top: -5px !important;
    padding: 0 !important;
    list-style: none !important;
}

#contact_info li:first-child {
    margin-top: 0 !important;
}

#contact_info .contact_field {
    display: block !important;
    float: left !important;
    margin: 0 15px 0 0 !important;
    padding: 0 0 0 15px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 50 !important;
}

.contact_field label {
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 5px 0 2px !important;
    text-align: left !important;
    width: 90% !important;
}

fieldset label {
    color: #444 !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 9px 0 0 !important;
    padding: 5px 0 0 !important;
    text-align: left !important;
}

.nx_select {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    height: 30px !important;
    padding: 0 10px !important;
    width: 90% !important;
}

.input_text {
    background-color: #fff !important;
    font-size: 15px;
    height: 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    color: #666 !important;
    width: 90% !important;
}

.get_free_btn {
    background: #ff8100 !important;
    /* GREEN #0FBE7C !important;*/
    font-size: 26px !important;
    font-weight: 400 !important;
    border: 1px solid #ff5000 !important;
    margin: 20px 0 10px 15px !important;
    padding: 15px !important;
    border-radius: 4px !important;
    font-family: 'Open Sans', sans-serif !important;
    max-width: 100% !important;
    min-width: 325px !important;
}

input[type="submit"] {
    color: #fff !important;
    cursor: pointer !important;
}

.map-canvas {
    border: 1px solid !important;
    max-width: 395px !important;
    height: 220px !important;
    position: relative !important;
    background-color: rgb(229, 227, 223) !important;
    overflow: hidden !important;
}

.img_affilates {
    float: right !important;
}

#onclick_span {
    display: none !important;
    position: absolute !important;
    right: 10% !important;
    top: 15px !important;
    font-family: "arial" !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    color: #a90f0d !important;
}


/*Fourm With Home*/

#fds-main {
    background: #c2def1 none repeat scroll 0 0 !important;
    border: 1px solid #eef1f3 !important;
    border-radius: 5px !important;
    margin: 50px auto !important;
    padding: 6px !important;
    width: 100% !important;
}

#fds-table {
    border: 0 none !important;
    margin: 2px auto !important;
    width: 100% !important;
}

#fds-tile {
    background: white none repeat scroll 0 0 !important;
    border: 1px solid #d2d2d2 !important;
    border-radius: 3px !important;
    float: left !important;
    margin: 0 3px !important;
    width: 95% !important;
    padding: 3px !important;
}

#fds-tile img {
    width: 100% !important;
}

.fds-text {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    margin: 10px 7px !important;
}

.fds-price {
    color: #0066a3 !important;
    float: right !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    margin: 0 10px !important;
    text-align: right !important;
}

.fds-avg {
    color: #999999 !important;
    float: right !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 3px !important;
}

.fds-left {
    float: left !important;
    width: 51% !important;
}

#fds-msg {
    color: #005f99 !important;
    display: block !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 130% !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 11% 0 0 !important;
}


}
.imgleft {
    display: inline !important;
    float: left !important;
    margin: 5px 5px 0 0 !important;
}
#fds-msg2 {
    color: black !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: normal !important;
    margin-top: 8px !important;
}
.fds-right {
    float: right !important;
    padding: 33px 0 0 !important;
    width: 48% !important;
}
.fds-right #price_scale_btn {
    background: #FFA500 !important;
}
.fds-right .zip_box_calc {
    border: 1px solid #ccc !important;
}
.fds_zip_box {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    height: 44px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 100px !important;
}
#fds-submit {
    background: orange none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: white !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    height: 44px !important;
    margin: 0 0 0 -8px !important;
    padding: 6px !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    width: auto !important;
}
#materialcost-main {
    display: block !important;
    margin: 0 0 10px 20px !important;
    width: 60% !important;
}
#materialcost-widget {
    background: #42a0c5 none repeat scroll 0 0 !important;
    border: 1px solid #42a0c5 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 17px !important;
    height: auto !important;
    line-height: 26px !important;
    overflow: auto !important;
}
.materialcost-title {
    background: #fff none repeat scroll 0 0 !important;
    color: #000 !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.materialcost-narrow {
    font-weight: 300 !important;
    letter-spacing: -0.04em !important;
    margin-left: 5px !important;
}
.materialcost-row1 {
    border-left: 0 solid #000 !important;
    color: #fff !important;
    float: left !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    padding: 0 0 3px 25px !important;
    width: 62% !important;
}
.materialcost-row2 {
    border-left: 0 solid #000 !important;
    color: #fff !important;
    float: left !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
}
.materialcost-row3 {
    border-left: 0 solid #000 !important;
    color: white !important;
    float: left !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    margin: 15px auto 0 !important;
    text-align: center !important;
    vertical-align: top !important;
    width: 100% !important;
}
.materialcost-row4 {
    float: left !important;
    margin: 0 auto 10px !important;
    text-align: center !important;
    width: 100% !important;
}
#zip-form {
    margin: 10px 0 6px !important;
}
.materialcost-zip {
    border: 1px solid grey !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    height: 43px !important;
    text-align: center !important;
    vertical-align: top !important;
    width: 100px !important;
    padding: 0 !important;
}
.materialcost-submit {
    background: #eb921b none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    height: 43px !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 0 8px !important;
    padding: 0 10px !important;
    vertical-align: top !important;
}

/*===2nd Small===*/
#price-scale-main-calc {
    background: #f0f8ff none repeat scroll 0 0 !important;
    border: 1px solid #cccccc !important;
    border-radius: 7px !important;
    margin: 0 auto !important;
    padding: 15px 10px 10px !important;
}
#price-scale-main-calc h2 {
    font-weight: normal !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    line-height: 2 !important;
    color: #fff !important;
}
#price-scale-table-calc {
    border: 0 none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
#price-scale-table-calc tr,
#price-scale-table-calc td,
#fds-table tr,
#fds-table td {
    border: none !important;
}
#price-scale-table-calc {
    background-image: url(../images/calc-results.png);
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    border: 0 none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
}
.price-scale-table-calc-2 {
    background-image: url(../images/roofing-price-scale.png) !important;
}
#rate_1 #price-scale-title,
#rate_2 #price-scale-title,
#rate_3 #price-scale-title {
    line-height: 2 !important;
}
.price-scale-table-calc-2 #zipcode_form_main {
    padding: 7% 0 0 !important;
}
table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
#price-scale-tbody {
    min-width: 61% !important;
}
#price-scale-table-calc tr {
    padding: 0 !important;
}
#price-scale-title {
    color: #444 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 3px !important;
}
#price-scale-calc {
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    margin: 0 auto;
    line-height: 2;
}

/*#rate_1 #price-scale-calc,#rate_2 #price-scale-calc,#rate_3 #price-scale-calc







{







 line-height: 3.3  !important;}*/
#price-scale-msg-calc {
    color: #005f99 !important;
    display: block !important;
    font-size: 130% !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 14% 0 0 !important;
    line-height: 1.6 !important;
}
.imgleft {
    display: inline !important;
    float: left !important;
    margin: 5px 5px 0 0 !important;
}
#price-scale-msg2 {
    color: black !important;
    display: block !important;
    font-size: 85% !important;
    font-weight: 400 !important;
    margin: 5px 0 0 !important;
}
.zip_box_calc {
    background: #f9f9f9 none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    height: 40px !important;
    margin: 0 10px 0 0 !important;
    display: inline-block !important;
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
    vertical-align: middle !important;
    width: 30% !important;
    padding: 0 !important;
}
.calsum_text {
    width: 33% !important;
    height: 85px !important;
    float: left !important;
    line-height: 1.8 !important;
}
#price_scale_main {
    width: 50% !important;
    float: left !important;
    box-sizing: border-box !important;
}
#zipcode_form_main {
    width: 48% !important;
    float: right !important;
    padding: 7% 0 0 !important;
}
#price_scale_btn {
    background: #005f99 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 112% !important;
    font-weight: 600 !important;
    height: 40px !important;
    margin: 0 0 0 -8px !important;
    padding: 0 4px !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    width: auto !important;
}
#phone1,
#phone2,
#phone3 {
    height: 25px important !important;
    width: 38px !important;
}
#fname-error,
#lname-error,
#phone-error,
#email-error,
#home_address-error,
#zip_show-error,
#phone1-error,
#phone2-error,
#phone3-error {
    border-radius: 5px !important;
    color: #a90f0d !important;
    display: block !important;
    font-family: "arial" !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    height: 78% !important;
    left: 0px !important;
    margin-top: 10px !important;
    padding: 0 10px 10px 0 !important;
    position: absolute !important;
    text-align: right !important;
    top: 5px !important;
    width: 90% !important;
    z-index: -1 !important;
}
@media only screen and (max-width: 500px) {
    #materialcost-main {
        width: 55% !important;
    }
    
    #price-scale-table-calc {
        width: 100% !important;
    }
    
    #price-scale-msg-calc {
        font-size: 23px !important;
    }
    
    .form_float {
        float: none !important;
        padding: 18px !important;
    }
    
    .get_free_btn {
        min-width: 93% !important;
        margin-left: 5px !important;
    }
    
    .calsum_text {
        font-size: 160% !important;
        height: 60px !important;
    }
    
    #price-scale-msg-calc {
        font-size: 125% !important;
    }
    
    #price-scale-msg2 {
        font-size: 76% !important;
    }
    
    .zip_box_calc {
        font-size: 15px !important;
    }
    
    .imgleft {
        margin: 5px 5px 0 0 !important;
    }
    
    #price_scale_btn {
        font-size: 95% !important;
        padding: 0 5px !important;
        width: 54% !important;
    }
    
    .l1 {
        font-size: 140% !important;
    }
    
    h2 .l2 {
        font-size: 82% !important;
        padding: 10px !important;
    }
    
    .lead-box {
        padding: 15px 0 15px 10px !important;
    }
    
    .zip-box-left {
        width: 50% !important;
        box-sizing: border-box !important;
    }
    
    .zip-box-right {
        width: 47% !important;
        font-size: 13px !important;
    }
    
    .hdr-submit {
        font-size: 19px !important;
        padding: 5px !important;
    }
    
    #rate_1 #price-scale-title,
    #rate_2 #price-scale-title,
    #rate_3 #price-scale-title {
        line-height: 1.4 !important;
    }
    
    #rate_1 #price-scale-calc,
    #rate_2 #price-scale-calc,
    #rate_3 #price-scale-calc {
        line-height: 3 !important;
    }
    
    #price-scale-msg-calc {
        font-size: 120% !important;
    }
    
    #price-scale-msg2 {
        font-size: 65% !important;
    }
    
    .fds-text {
        font-size: 11px !important;
    }
    
    #fds-msg {
        font-size: 13px !important;
    }
    
    #fds-msg2 {
        font-size: 11px !important;
    }
}
@media screen and (min-width: 600px) and (max-width:830px) {
    .form_float {
        padding: 20px 2px !important;
        width: 80% !important;
    }
}
@media screen and (min-width: 200px) and (max-width:600px) {
    .lead-box {
        padding: 0 0 15px 0 !important;
    }
    
    .zip-box-left,
    .zip-box-right {
        width: 95% !important;
    }
    
    .l1 {
        padding: 5px 20px !important;
        font-size: 26px !important;
    }
    
    .zip_box {
        width: 40% !important;
    }
    
    .hdr-submit {
        padding: 2px !important;
    }
    
    .form_float {
        padding: 20px 2px !important;
        width: 100% !important;
    }
    
    fieldset {
        padding: 0 !important;
    }
    
    .get_free_btn {
        min-width: 93% !important;
        margin-left: 3px !important;
    }
    
    .estimate_h2,
    .get_touch {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    
    .get_touch {
        font-size: 15px !important;
    }
    
    .calsum_text {
        height: 94px !important;
        float: none !important;
        margin: 20px 0 !important;
        width: 235px !important;
    }
    
    #price-scale-table-calc {
        background-image: none !important;
        width: 100% !important;
    }
    
    .imgleft {
        margin: 5px 10px 0 0 !important;
    }
    
    #price_scale_main,
    #zipcode_form_main {
        width: 100% !important;
    }
    
    #price-scale-msg-calc {
        font-size: 130% !important;
    }
    
    #price_scale_btn {
        font-size: 112% !important;
        padding: 5px !important;
        height: 45px !important;
    }
    
    .zip-box-left,
    .zip-box-right {
        padding: 8px !important;
    }
    
    .get_free_btn {
        min-width: 97% !important;
        font-size: 24px !important;
    }
    /*Form 2*/
    
    #materialcost-main {
        width: 100% !important;
        margin: 3% 0 !important;
    }
    
    .calsum_text {
        float: none !important;
        margin: auto !important;
    }
    
    #price-scale-table-calc {
        background-image: none !important;
        width: 100% !important;
    }
    
    .price-scale-table-calc-2 {
        background-image: none !important;
    }
    
    .zip_box_calc {
        font-size: 15px !important;
    }
    
    #rate_1 {
        background-image: url(../images/roofing-price-scale.png) !important;
        height: 108px !important;
        width: 234px !important;
        background-position: 1px 1px !important;
    }
    
    .rate_1 {
        background-image: url(../images/calc-results.png) !important;
        background-position: 1px 1px !important;
    }
    
    #rate_2 {
        background-image: url(../images/roofing-price-scale.png) !important;
        height: 108px !important;
        width: 234px !important;
        background-position: -236px 0 !important;
    }
    
    .rate_2 {
        background-image: url(../images/calc-results.png) !important;
        background-position: -236px 0 !important;
    }
    
    #rate_3 {
        background-image: url(../images/roofing-price-scale.png) !important;
        height: 108px !important;
        width: 234px !important;
        background-position: 235px 0 !important;
    }
    
    .rate_3 {
        background-image: url(../images/calc-results.png) !important;
        background-position: 235px 0 !important;
    }
    
    #price-scale-msg-calc {
        font-size: 13px !important;
    }
    
    #price-scale-msg2 {
        font-size: 11px !important;
    }
    
    #price_scale_main,
    #zipcode_form_main {
        width: 100% !important;
    }
    
    #price-scale-title {
        line-height: 2 !important;
    }
    
    #price_scale_btn {
        padding: 6px 2px !important;
        font-size: 15px !important;
    }
    
    .fds-left,
    .fds-right {
        width: 100% !important;
    }
    
    #fds-msg {
        font-size: 15px !important;
    }
    
    #fds-msg2 {
        font-size: 11px !important;
    }
    
    .fds_zip_box {
        font-size: 15px !important;
        width: 80px !important;
    }
    
    #fds-submit {
        padding: 0 !important;
    }
    
    #fds-table td {
        float: left !important;
    }
    
    #fds-tile {
        margin: 2% !important;
    }
    
    .materialcost-row3 {
        font-size: 17px !important;
    }
}

/* Update CSS for Plugin */
.main_plugin {
    width: 100% !important;
}
.form_plugin {
    width: 50% !important;
    float: left !important;
}
.right_plugin {
    width: 50% !important;
    float: left !important;
}

/* check the new change   hamza khalid */
@media only screen and (max-width: 580px) {
    .fsd_change1 {
        margin-top: 0px !important;
    }
    
    .fds_change2 {
        margin-top: 0px !important;
    }
    
    .fds_change3 {
        margin-top: 30px !important;
    }
}

/*   check the new change for large device */
@media only screen and (min-width: 590px) {
    .fsd_change1 {
        color: red !important;
    }
    
    .fds_change2 {
        color: red !important;
    }
    
    .fds_change3 {
        color: red !important;
    }
}

/*   Bilal */
@media only screen and (max-width:770px) {
    #price-scale-title {
        color: #444 !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-top: 2px !important;
    }
    
    #price-scale-calc {
        color: #fff !important;
        display: block !important;
        font-size: 18px !important;
        font-weight: 400 !important;
    }
}
@media only screen and (max-width:670px) {
    #price-scale-title {
        font-size: 15px !important;
    }
    
    #price-scale-calc {
        font-size: 15px !important;
    }
}
@media only screen and (max-width:580px) {
    #price-scale-title {
        line-height: 2.1 !important;
    }
    
    #price-scale-calc {
        color: #000 !important;
    }
}
@media only screen and (max-width:680px) {
    .fds-text {
        font-size: 11px !important;
    }
}
@media only screen and (max-width:450px) {
    .fds-text {
        font-size: 20px !important;
    }
}
body {
    font-family: 'Open Sans', sans-serif !important;
}
.entry-content td,
.comment-content td {
    padding: 0 !important;
    border: none !important;
}
.fds_img {
    width: 218px !important;
    height: 134px !important;
}
code {
    white-space: normal !important;
}
.lead-box {
    background-color: #fff !important;
    border: 1px solid #b9b9b9 !important;
    border-radius: 7px !important;
    display: block !important;
    margin: 10% auto !important;
    width: 100% !important;
    padding: 15px 0 15px 20px !important;
    overflow: hidden !important;
}
*::-moz-placeholder {
    color: #d3d3d3 !important;
    opacity: 1 !important;
    text-align: center !important;
}
.zip-box-left {
    float: left !important;
    width: 48% !important;
    box-sizing: border-box !important;
}
.zip-box-left .clearfix {
    margin: 0 !important;
}
.lead-box h2 {
    font-size: 20px !important;
    margin-bottom: 5px !important;
}
.l1 {
    background: #0066a3 none repeat scroll 0 0 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: normal !important;
    padding: 5px 25px !important;
}
h2 span {
    clear: left !important;
    color: #fff !important;
    display: block !important;
    float: left !important;
    font-family: 'Open Sans', sans-serif !important;
    width: auto !important;
}
h2 .l2 {
    background: #243d5a none repeat scroll 0 0 !important;
    padding: 15px 5px !important;
    clear: left !important;
    display: block !important;
    float: left !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
    width: auto !important;
    font-size: 85% !important;
}
#zipcode_form input[type="submit"] {
    display: inline-block !important;
}
#zipcode_form_main #zipcode_form {
    text-align: right !important;
}
#zipcode_form {
    padding: 4% 10px 0 0 !important;
}
.zip-box-right {
    float: right !important;
    font-size: 17px !important;
    width: 48% !important;
}
.zip_box {
    background: #f9f9f9 !important;
    border: 1px solid #808080 !important;
    border-radius: 5px !important;
    font-size: 17px !important;
    height: 48px !important;
    padding: 0 0 0 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 38% !important;
    display: inline-block !important;
}
.hdr-submit {
    background: #eb921b none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
    height: 48px !important;
    font-size: 24px !important;
    padding: 0 10px !important;
    vertical-align: middle !important;
    text-transform: capitalize !important;
}
.hdr-submit:focus {
    border-color: #aaa #bbb #bbb !important;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
}

/*Zip Code End*/
.big_form {
    background: #fff !important;
    overflow: hidden !important;
    margin: auto !important;
    border-radius: 7px !important;
    max-width: 920px !important;
    padding: 0 10px !important;
}
.estimate_h2 {
    clear: both !important;
    color: #005f99 !important;
    font-size: 29px !important;
    font-weight: 600 !important;
    line-height: 55px !important;
    margin: 30px 0 !important;
    width: 100% !important;
}
.form_float {
    float: left !important;
    margin: 15px 0 20px !important;
    padding: 20px !important;
    width: 45% !important;
    margin: 0px auto !important;
}
#nx-form-main {
    background: #d8e4eb none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
}
fieldset {
    padding: 0 22px !important;
    position: relative !important;
    border: none !important;
}
#contact_info {
    padding-bottom: 0 !important;
}
#contact_info ol {
    margin-left: 0 !important;
    margin-top: -5px !important;
    padding: 0 !important;
    list-style: none !important;
}
#contact_info li:first-child {
    margin-top: 0 !important;
}
#contact_info .contact_field {
    display: block !important;
    float: left !important;
    margin: 0 15px 0 0 !important;
    padding: 0 0 0 15px !important;
    position: relative !important;
    width: 100% !important;
    z-index: 50 !important;
}
.contact_field label {
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 5px 0 2px !important;
    text-align: left !important;
    width: 90% !important;
}
fieldset label {
    color: #444 !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 9px 0 0 !important;
    padding: 5px 0 0 !important;
    text-align: left !important;
}
.nx_select {
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    color: #000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    height: 30px !important;
    padding: 0 10px !important;
    width: 90% !important;
}
.input_text {
    background-color: #fff !important;
    font-size: 15px !important;
    height: 30px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    color: #666 !important;
    width: 90% !important;
}
.get_free_btn {
    background: #ff8100 !important;
    /* GREEN #0FBE7C !important;*/
    
    font-size: 26px !important;
    font-weight: 400 !important;
    border: 1px solid #ff5000 !important;
    margin: 20px 0 10px 15px !important;
    padding: 15px !important;
    border-radius: 4px !important;
    font-family: 'Open Sans', sans-serif !important;
    max-width: 100% !important;
    min-width: 325px !important;
}
input[type="submit"] {
    color: #fff !important;
    cursor: pointer !important;
}
.map-canvas {
    border: 1px solid !important;
    max-width: 395px !important;
    height: 220px !important;
    position: relative !important;
    background-color: rgb(229, 227, 223) !important;
    overflow: hidden !important;
}
.img_affilates {
    float: right !important;
}
#onclick_span {
    display: none !important;
    position: absolute !important;
    right: 10% !important;
    top: 15px !important;
    font-family: "arial" !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    color: #a90f0d !important;
}

/*Fourm With Home*/
#fds-main {
    background: #c2def1 none repeat scroll 0 0 !important;
    border: 1px solid #eef1f3 !important;
    border-radius: 5px !important;
    margin: 50px auto !important;
    padding: 6px !important;
    width: 100% !important;
}
#fds-table {
    border: 0 none !important;
    margin: 2px auto !important;
    width: 100% !important;
}
#fds-tile {
    background: white none repeat scroll 0 0 !important;
    border: 1px solid #d2d2d2 !important;
    border-radius: 3px !important;
    float: left !important;
    margin: 0 3px !important;
    width: 95% !important;
    padding: 3px !important;
}
#fds-tile img {
    width: 100% !important;
}
.fds-text {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    margin: 10px 7px !important;
}
.fds-price {
    color: #0066a3 !important;
    float: right !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    margin: 0 10px !important;
    text-align: right !important;
}
.fds-avg {
    color: #999999 !important;
    float: right !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 3px !important;
}
.fds-left {
    float: left !important;
    width: 51% !important;
}
#fds-msg {
    color: #005f99 !important;
    display: block !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 130% !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 11% 0 0 !important;
}

}
.imgleft {
    display: inline !important;
    float: left !important;
    margin: 5px 5px 0 0 !important;
}
#fds-msg2 {
    color: black !important;
    display: block !important;
    font-size: 15px !important;
    font-weight: normal !important;
    margin-top: 8px !important;
}
.fds-right {
    float: right !important;
    padding: 33px 0 0 !important;
    width: 48% !important;
}
.fds-right #price_scale_btn {
    background: #FFA500 !important;
}
.fds-right .zip_box_calc {
    border: 1px solid #ccc !important;
}
.fds_zip_box {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    height: 44px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    text-align: center !important;
    vertical-align: middle !important;
    width: 100px !important;
}
#fds-submit {
    background: orange none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: white !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    height: 44px !important;
    margin: 0 0 0 -8px !important;
    padding: 6px !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    width: auto !important;
}
#materialcost-main {
    display: block !important;
    margin: 0 0 10px 20px !important;
    width: 60% !important;
}
#materialcost-widget {
    background: #42a0c5 none repeat scroll 0 0 !important;
    border: 1px solid #42a0c5 !important;
    border-radius: 8px !important;
    color: #fff !important;
    font-size: 17px !important;
    height: auto !important;
    line-height: 26px !important;
    overflow: auto !important;
}
.materialcost-title {
    background: #fff none repeat scroll 0 0 !important;
    color: #000 !important;
    display: block !important;
    font-size: 20px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.materialcost-narrow {
    font-weight: 300 !important;
    letter-spacing: -0.04em !important;
    margin-left: 5px !important;
}
.materialcost-row1 {
    border-left: 0 solid #000 !important;
    color: #fff !important;
    float: left !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    padding: 0 0 3px 25px !important;
    width: 62% !important;
}
.materialcost-row2 {
    border-left: 0 solid #000 !important;
    color: #fff !important;
    float: left !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 26px !important;
}
.materialcost-row3 {
    border-left: 0 solid #000 !important;
    color: white !important;
    float: left !important;
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 25px !important;
    margin: 15px auto 0 !important;
    text-align: center !important;
    vertical-align: top !important;
    width: 100% !important;
}
.materialcost-row4 {
    float: left !important;
    margin: 0 auto 10px !important;
    text-align: center !important;
    width: 100% !important;
}
#zip-form {
    margin: 10px 0 6px !important;
}
.materialcost-zip {
    border: 1px solid grey !important;
    border-radius: 5px !important;
    font-size: 18px !important;
    height: 43px !important;
    text-align: center !important;
    vertical-align: top !important;
    width: 100px !important;
    padding: 0 !important;
}
.materialcost-submit {
    background: #eb921b none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    height: 43px !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 0 8px !important;
    padding: 0 10px !important;
    vertical-align: top !important;
}

/*===2nd Small===*/
#price-scale-main-calc {
    background: #f0f8ff none repeat scroll 0 0 !important;
    border: 1px solid #cccccc !important;
    border-radius: 7px !important;
    margin: 0 auto !important;
    padding: 15px 10px 10px !important;
}
#price-scale-main-calc h2 {
    font-weight: normal !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    line-height: 2 !important;
    color: #fff !important;
}
#price-scale-table-calc {
    border: 0 none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
#price-scale-table-calc tr,
#price-scale-table-calc td,
#fds-table tr,
#fds-table td {
    border: none !important;
}
#price-scale-table-calc {
    background-image: url(../images/calc-results.png);
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    border: 0 none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
}
.price-scale-table-calc-2 {
    background-image: url(../images/roofing-price-scale.png) !important;
}
#rate_1 #price-scale-title,
#rate_2 #price-scale-title,
#rate_3 #price-scale-title {
    line-height: 2 !important;
}
.price-scale-table-calc-2 #zipcode_form_main {
    padding: 7% 0 0 !important;
}
table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}
#price-scale-tbody {
    min-width: 61% !important;
}
#price-scale-table-calc tr {
    padding: 0 !important;
}
#price-scale-title {
    color: #444 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    margin-top: 3px !important;
}
#price-scale-calc {
    color: #fff !important;
    display: block;
    font-size: 23px;
    font-weight: normal;
    margin: 0 auto;
    line-height: 2;
}

/*#rate_1 #price-scale-calc,#rate_2 #price-scale-calc,#rate_3 #price-scale-calc







{







 line-height: 3.3  !important;}*/
#price-scale-msg-calc {
    color: #005f99 !important;
    display: block !important;
    font-size: 130% !important;
    font-family: 'Open Sans',
    sans-serif !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 14% 0 0 !important;
    line-height: 1.6 !important;
}
.imgleft {
    display: inline !important;
    float: left !important;
    margin: 5px 5px 0 0 !important;
}
#price-scale-msg2 {
    color: black !important;
    display: block !important;
    font-size: 85% !important;
    font-weight: 400 !important;
    margin: 5px 0 0 !important;
}
.zip_box_calc {
    background: #f9f9f9 none repeat scroll 0 0 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    height: 40px !important;
    margin: 0 10px 0 0 !important;
    display: inline-block !important;
    text-align: center !important;
    font-family: 'Open Sans',
    sans-serif !important;
    vertical-align: middle !important;
    width: 30% !important;
    padding: 0 !important;
}
.calsum_text {
    width: 33% !important;
    height: 85px !important;
    float: left !important;
    line-height: 1.8 !important;
}
#price_scale_main {
    width: 50% !important;
    float: left !important;
    box-sizing: border-box !important;
}
#zipcode_form_main {
    width: 48% !important;
    float: right !important;
    padding: 7% 0 0 !important;
}
#price_scale_btn {
    background: #005f99 !important;
    border: 1px solid grey !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-family: "Open Sans",
    sans-serif !important;
    font-size: 112% !important;
    font-weight: 600 !important;
    height: 40px !important;
    margin: 0 0 0 -8px !important;
    padding: 0 4px !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    width: auto !important;
}
#phone1,
#phone2,
#phone3 {
    height: 25px important !important;
    width: 38px !important;
}
#fname-error,
#lname-error,
#phone-error,
#email-error,
#home_address-error,
#zip_show-error,
#phone1-error,
#phone2-error,
#phone3-error {
    border-radius: 5px !important;
    color: #a90f0d !important;
    display: block !important;
    font-family: "arial" !important;
    font-size: 11.5px !important;
    font-weight: bold !important;
    height: 78% !important;
    left: 0px !important;
    margin-top: 10px !important;
    padding: 0 10px 10px 0 !important;
    position: absolute !important;
    text-align: right !important;
    top: 5px !important;
    width: 90% !important;
    z-index: -1 !important;
}
@media only screen and (max-width: 500px) {
    #materialcost-main {
        width: 55% !important;
    }
    #price-scale-table-calc {
        width: 100% !important;
    }
    #price-scale-msg-calc {
        font-size: 23px !important;
    }
    .form_float {
        float: none !important;
        padding: 18px !important;
    }
    .get_free_btn {
        min-width: 93% !important;
        margin-left: 5px !important;
    }
    .calsum_text {
        font-size: 160% !important;
        height: 60px !important;
    }
    #price-scale-msg-calc {
        font-size: 125% !important;
    }
    #price-scale-msg2 {
        font-size: 76% !important;
    }
    .zip_box_calc {
        font-size: 15px !important;
    }
    .imgleft {
        margin: 5px 5px 0 0 !important;
    }
    #price_scale_btn {
        font-size: 95% !important;
        padding: 0 5px !important;
        width: 54% !important;
    }
    .l1 {
        font-size: 140% !important;
    }
    h2 .l2 {
        font-size: 82% !important;
        padding: 10px !important;
    }
    .lead-box {
        padding: 15px 0 15px 10px !important;
    }
    .zip-box-left {
        width: 50% !important;
        box-sizing: border-box !important;
    }
    .zip-box-right {
        width: 47% !important;
        font-size: 13px !important;
    }
    .hdr-submit {
        font-size: 19px !important;
        padding: 5px !important;
    }
    #rate_1 #price-scale-title,
    #rate_2 #price-scale-title,
    #rate_3 #price-scale-title {
        line-height: 1.4 !important;
    }
    #rate_1 #price-scale-calc,
    #rate_2 #price-scale-calc,
    #rate_3 #price-scale-calc {
        line-height: 3 !important;
    }
    #price-scale-msg-calc {
        font-size: 120% !important;
    }
    #price-scale-msg2 {
        font-size: 65% !important;
    }
    .fds-text {
        font-size: 11px !important;
    }
    #fds-msg {
        font-size: 13px !important;
    }
    #fds-msg2 {
        font-size: 11px !important;
    }
}
@media screen and (min-width: 600px) and (max-width:830px) {
    .form_float {
        padding: 20px 2px !important;
        width: 80% !important;
    }
}
@media screen and (min-width: 200px) and (max-width:600px) {
    .lead-box {
        padding: 0 0 15px 0 !important;
    }
    .zip-box-left,
    .zip-box-right {
        width: 95% !important;
    }
    .l1 {
        padding: 5px 20px !important;
        font-size: 26px !important;
    }
    .zip_box {
        width: 40% !important;
    }
    .hdr-submit {
        padding: 2px !important;
    }
    .form_float {
        padding: 20px 2px !important;
        width: 100% !important;
    }
    fieldset {
        padding: 0 !important;
    }
    .get_free_btn {
        min-width: 93% !important;
        margin-left: 3px !important;
    }
    .estimate_h2,
    .get_touch {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .get_touch {
        font-size: 15px !important;
    }
    .calsum_text {
        height: 94px !important;
        float: none !important;
        margin: 20px 0 !important;
        width: 235px !important;
    }
    #price-scale-table-calc {
        background-image: none !important;
        width: 100% !important;
    }
    .imgleft {
        margin: 5px 10px 0 0 !important;
    }
    #price_scale_main,
    #zipcode_form_main {
        width: 100% !important;
    }
    #price-scale-msg-calc {
        font-size: 130% !important;
    }
    #price_scale_btn {
        font-size: 112% !important;
        padding: 5px !important;
        height: 45px !important;
    }
    .zip-box-left,
    .zip-box-right {
        padding: 8px !important;
    }
    .get_free_btn {
        min-width: 97% !important;
        font-size: 24px !important;
    }
    /*Form 2*/
    #materialcost-main {
        width: 100% !important;
        margin: 3% 0 !important;
    }
    .calsum_text {
        float: none !important;
        margin: auto !important;
    }
    #price-scale-table-calc {
        background-image: none !important;
        width: 100% !important;
    }
    .price-scale-table-calc-2 {
        background-image: none !important;
    }
    .zip_box_calc {
        font-size: 15px !important;
    }
    #rate_1 {
        background-image: url(../images/roofing-price-scale.png) !important;
        height: 108px !important;
        width: 234px !important;
        background-position: 1px 1px !important;
    }
    .rate_1 {
        background-image: url(../images/calc-results.png) !important;
        background-position: 1px 1px !important;
    }
    #rate_2 {
        background-image: url(../images/roofing-price-scale.png) !important;
        height: 108px !important;
        width: 234px !important;
        background-position: -236px 0 !important;
    }
    .rate_2 {
        background-image: url(../images/calc-results.png) !important;
        background-position: -236px 0 !important;
    }
    #rate_3 {
        background-image: url(../images/roofing-price-scale.png) !important;
        height: 108px !important;
        width: 234px !important;
        background-position: 235px 0 !important;
    }
    .rate_3 {
        background-image: url(../images/calc-results.png) !important;
        background-position: 235px 0 !important;
    }
    #price-scale-msg-calc {
        font-size: 13px !important;
    }
    #price-scale-msg2 {
        font-size: 11px !important;
    }
    #price_scale_main,
    #zipcode_form_main {
        width: 100% !important;
    }
    #price-scale-title {
        line-height: 2 !important;
    }
    #price_scale_btn {
        padding: 6px 2px !important;
        font-size: 15px !important;
    }
    .fds-left,
    .fds-right {
        width: 100% !important;
    }
    #fds-msg {
        font-size: 15px !important;
    }
    #fds-msg2 {
        font-size: 11px !important;
    }
    .fds_zip_box {
        font-size: 15px !important;
        width: 80px !important;
    }
    #fds-submit {
        padding: 0 !important;
    }
    #fds-table td {
        float: left !important;
    }
    #fds-tile {
        margin: 2% !important;
    }
    .materialcost-row3 {
        font-size: 17px !important;
    }
}

/* Update CSS for Plugin */
.main_plugin {
    width: 100% !important;
}
.form_plugin {
    width: 50% !important;
    float: left !important;
}
.right_plugin {
    width: 50% !important;
    float: left !important;
}

/* check the new change   hamza khalid */
@media only screen and (max-width: 580px) {
    .fsd_change1 {
        margin-top: 0px !important;
    }
    .fds_change2 {
        margin-top: 0px !important;
    }
    .fds_change3 {
        margin-top: 30px !important;
    }
}

/*   check the new change for large device */
@media only screen and (min-width: 590px) {
    .fsd_change1 {
        color: red !important;
    }
    .fds_change2 {
        color: red !important;
    }
    .fds_change3 {
        color: red !important;
    }
}

/*   Bilal */
@media only screen and (max-width:770px) {
    #price-scale-title {
        color: #444 !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        margin-top: 2px !important;
    }
    #price-scale-calc {
        color: #fff !important;
        display: block !important;
        font-size: 18px !important;
        font-weight: 400 !important;
    }
}
@media only screen and (max-width:670px) {
    #price-scale-title {
        font-size: 15px !important;
    }
    #price-scale-calc {
        font-size: 17px !important;
    }
}
@media only screen and (max-width:580px) {
    #price-scale-title {
        line-height: 2.1 !important;
    }
}
@media only screen and (max-width:680px) {
    .fds-text {
        font-size: 11px !important;
    }
}
@media only screen and (max-width:450px) {
    .fds-text {
        font-size: 20px !important;
    }
}
@media only screen and (max-width: 568px) {
    .fds-text {
        font-size: 27px !important;
    }
}