.pdc{padding:20px}
.c-title{text-transform:none;}
.c-title{background-color:gray;color:#fff !important;font-size:18px;margin-bottom:20px;padding: 10px 15px;text-align:left;}
.c-main{margin:0 auto;width:100%;}
.c-half{float:left;margin:10px;padding:0px;width:47%;border:1px solid #ccc;}
.c-full{width:97%;}
.c-row{clear:both;margin-bottom: 8px;}
.contact-form select{width:50% !important;}
.ml_17{margin-left:0px !important;}
label{font-size:15px;font-weight:normal;margin-bottom:0;text-align:left;}
.c-label{float:left;line-height:15px;width: 23%;margin-right:10px;}
.c-full .c-label{width:15%;line-height:40px;}
.c-full .c-btn-primary{margin-left:16%;}
.c-heading{color:#000;border: 1px solid #b9b9b9;box-sizing:border-box;color: #717070;font-size: 16px;margin:2px;padding: 7px 10px;width:95%;height: 45px;background: #f5f5f5;}
.legth, .width, .size, .area{width:50%;margin-right:15px;}
.pull-right{float:right !important;}
.c-btn-primary{-moz-user-select:none !important;background-image:none !important;border:1px solid transparent !important;border-radius:4px !important;color:#fff !important;cursor:pointer !important;display:inline-block !important;font-size:14px !important;font-weight:400 !important;line-height:1.42857 !important;margin-left:35%;margin-top:5% !important;padding:6px 12px !important;text-align:center !important;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25) !important;vertical-align:middle;white-space:nowrap;}
.c-result{border: 1px solid #ccc;float:left;margin:10px;padding: 0;width:97%;}
.c-result h3{border-bottom:1px solid #eeeeee;float:left;margin:0 0 15px;padding-bottom:4px;width:100%;}
.area-covered{width:25%;}
.border{padding:5px 10px;}
.c-result .c-label{margin-right:10px;text-align: left;line-height:40px;}
.clear{clear:both;}
.calbtn{
    color: #fff;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 17px;
    padding: 5px 22px;
    background: grey;
}
@media only screen and (min-width:960px) and (max-width:1199px){.c-half{width:46%;}
.c-full{width:95%;}
.c-result{width:95%;}
}
@media only screen and (min-width:768px) and (max-width:959px){}
@media only screen and (min-width:480px) and (max-width:767px){.c-half{width:97%;}
.c-result .c-label{line-height:24px;}
.c-result .area-covered{width:27%;}
.c-full .c-label{width:20%;}
}
@media only screen and (max-width:479px){.c-half{width:97%;}
.c-label{width:35%;}
.legth, .width, .size, .area{width:40%;}
.c-result .c-label{font-size:15px;line-height:25px;text-align:left;width:75%;}
.area-covered{width:75%;}
.c-full .c-label{width:30%;}
}
.tileDiv{background:#f9f9f9 none repeat scroll 0 0;border:1px solid gray;display:inline-block;height:220px;overflow:hidden;position:relative;vertical-align:middle;width:100%;}
.tileDiv div{background:#fff url("tilePattern.png") repeat scroll -4px -4px;border:1px solid #000000;box-shadow:0 0 8px 5px #fff;left:52%;position:absolute;top:52%;transform:translateX(-50%) translateY(-50%);}
.tileDiv .tileFt{background:#868686 none repeat scroll 0 0;margin-bottom:0;padding:0;position:absolute;text-align:center;}
.horzFt{border-top:1px dashed #868686;height:0;left:0;top:-20px;width:100%;}
.tileDiv .horzFt span{margin-left:50%;margin-top:-12px;transform:translateX(-50%);}
.tileDiv .tileFt span{background:#f9f9f9 none repeat scroll 0 0;color:gray;display:block;font-size:12px;font-weight:bold;height:20px;position:absolute;text-transform:uppercase;width:50px;}
.vertFt{border-left:1px dashed #868686;height:100%;left:-20px;top:0;width:0;}
.tileDiv .tileFt{background:#868686 none repeat scroll 0 0;margin-bottom:0;padding:0;position:absolute;text-align:center;}
.tileDiv .vertFt span{margin-left:-27px;top:50%;transform:rotate(-90deg) translateX(20%);}
.tileDiv .tileFt span{background:#f9f9f9 none repeat scroll 0 0;color:gray;display:block;font-size:12px;font-weight:bold;height:20px;position:absolute;text-transform:uppercase;width:50px;}
.mt10{margin-top:10px;}
#Button1:hover,#Button1:focus{    color: #000 !important;
    background-color: gainsboro !important;
    box-shadow: initial;}