/** * All of the CSS for your public-facing functionality should be * included in this file. */
 .calcc input::-webkit-outer-spin-button, .calcc input::-webkit-inner-spin-button {
	 -webkit-appearance: none;
	 margin: 0;
	}
 	.calcc input[type=number] {
		appearance: textfield;
		-moz-appearance: textfield;
	}
  .calcc body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	 width: 100% !important;
	 margin: 0 !important;
	 max-width: 100% !important;
	 padding: 4rem 3rem !important;
}
 .calcc .top-heading span {
	 font-size: 1.3rem;
}
 .calcc #myTab.nav-tabs {
	 border: none !important;
	 display: flex;
	 /* gap: 8px; */
	 margin: 0;
  padding: 0;
	 align-items: start;
	 flex-wrap: wrap;
}
 .calcc #myTab.nav-tabs:before {
	 content: revert;
}
 .calcc #myTab.nav-tabs > li.active > a, .calcc #myTab.nav-tabs > li.active > a:hover, .calcc #myTab.nav-tabs > li.active > a:focus {
	 border: none !important;
	 margin: 0 !important;
	 outline: none;
}
li.dc-tab:first-child{
	margin-left:0;
}
li.dc-tab{
	list-style:none;
	margin-bottom: 5px;
	margin-left:5px;
	float:left;
}
li.dc-tab a{
	text-decoration:none;

}
 .calcc ul#tabs {
	 background: #fff;
	 padding: 10px;
	 list-style: none;
	 margin: 0;
	 float: left;
	 width: 100%;
}
 .calcc ul#tabs li a {
	 width: 100%;
	 float: left;
	 text-align: center;
	 background: #6c00b7;
	 margin-bottom: 10px;
	 border-radius: 5px;
	 padding: 5px;
	 color: #fff;
	 cursor: pointer;
}
 .calcc ul#tabs li a.inactive {
	 background: #fff;
	 color: #000;
}
 .calcc .calc-content {
	 margin-left: -15px;
}
 .calcc .calc-content .container {
	 background: #fff;
}
 .calcc .calculator-fields {
	 background-color: #fff !important;
	 margin-bottom: 17px;
	 margin-right: 10px;
}
 .calcc .calculator-fields input, .calcc .calculator-fields select {
	 max-width: 100%;
	 width: calc(50% - 16px / 2);
	 margin-bottom: 10px;
	 border: 1px solid #b5b5b5;
	 background: #f4f7f9;
	 border-radius: 2px;
	 padding: 6px 20px !important;
	 font-size: 15px;
	 color: #626262;
}
 .calcc .calculator-fields label {
	 width: 100%;
	 float: left;
	 margin: 10px 0;
	 font-weight: 600;
	 font-size: 14px;
	 line-height: 16px;
}
 .calcc .calculator-fields label span {
	 color: #c02b0a;
	 display: inline-block;
	 font-size: 13.008px;
	 padding-inline-start: 0.125em;
}
 .calcc .calculator-fields .input-row > span {
	 font-size: 13px;
	 color: #767676;
	 font-style: italic;
	 width: 100%;
	 float: left;
}
 .calcc .scale-block {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 1rem 0;
	 align-items: start;
	 justify-content: space-between;
}
 .calcc .scale-block .scale-size-block {
	 display: flex;
	 flex: 0 0 calc(100% - 68%);
	 flex-direction: column;
	 padding-bottom:10%;
}
 .calcc .scale-block .scale-size-block .input-row {
	 display: flex;
	 flex-direction: column;
	 width: 100%;
	 margin-bottom: 10px;
}
 .calcc .scale-block .scale-size-block .input-row label {
	 font-weight: 500;
	 margin: 0;
	 padding: 0 0 5px;
	 flex-shrink: 0;
	 font-size: 14px;
}
 .calcc .scale-block .scale-size-block .input-row span {
	 font-weight: 400;
	 font-size: 12px;
	 font-style: italic;
	 margin: 0;
	 padding: 3px 0 0;
}
 .calcc .scale-block .scale-size-block .input-row input, .calcc .scale-block .scale-size-block .input-row select {
	 color: #000;
	 font-weight: 400;
	 border: 1px solid #a3a3a3;
	 background: #eee;
	 width: 100%;
	 padding: 0.5rem;
	 height: 45px;
	 outline: none;
	 border-radius: 6px;
	 box-sizing: border-box;	 
}
 .calcc .required {
	 color: #f00;
	 vertical-align: top;
	 font-style: normal !important;
}
 .calcc .scale-block .recomandations {
	 display: flex;
	 flex: 0 0 50%;
	 flex-direction: column;
	 position: relative;
	 right: 1px;
}
 .calcc .scale-block .recomandations .scale-output-block {
	 right: -3px;
}
 .calcc .scale-block .scale-output-block {
	 display: flex;
	 flex: 0 0 calc(100% - 38%);
	 flex-direction: column;
	 border-radius: 12px 0 0 12px;
	 padding: 25px 0 20px 18px;
	 position: relative;
	 right: -2px;
}
 .calcc .scale-block .scale-output-block h2 {
	 margin: 0 0 10px;
	 font-size: 24px;
	 font-weight: 600;
}
 .calcc .scale-block .scale-output-block .input-row {
	 display: flex;
	 margin-bottom: 0.4rem;
	 width: 100%;
}
 .calcc .scale-block .scale-output-block .input-row label {
	 font-weight: 300;
	 margin: 0;
	 padding: 0;
	 flex-shrink: 0;
	 font-size: 16px;
	 color: #000;
}
 .calcc .scale-block .scale-output-block .input-row input {
	 color: #000;
	 font-weight: 600;
	 max-width: 60px;
	 border: none;
	 background: transparent;
	 width: 100%;
	 padding: 0;
	 outline: none;
	 font-size: 16px;
	 min-width:40%;
}
 .calcc .scale-block .scale-output-block .input-row input:focus, .calcc .scale-block .scale-output-block .input-row input:hover, .calcc .scale-block .scale-output-block .input-row input:active,.calcc .scale-block .scale-output-block .input-row input:focus-visible,calcc .scale-block .scale-output-block .input-row input:visited {
	 border: none !important;
	 outline: none !important;
}
 .calcc #tabs {
	 top: 80px;
}
 .calcc .fixedheader {
	 z-index: 1023;
}
 .calcc div#calculator {
	 z-index: 9992;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .calcc .calc-inner {
	 width: 100%;
	 max-width: 800px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 background: #fff;
	 border-radius: 4px;
}
 .calcc .calc-inner input {
	 border: 1px solid #dadada;
	 border-radius: 2px;
	 box-sizing: border-box;
	 color: #626262;
	 margin: 0;
	 padding: 17px 20px;
	 width: 100%;
}
 .calcc .calc-inner button.search-btn {
	 background: #0075a3;
	 border: 1px solid #0075a3;
	 border-radius: 2px;
	 box-sizing: border-box;
	 color: #fff;
	 cursor: pointer;
	 display: inline-block;
	 font-weight: 500;
	 padding: 1rem;
	 text-align: center;
	 text-decoration: none;
	 transition: 0.2s ease-in-out;
	 height: 60px;
	 width: 100%;
	 margin-top: 27px;
}
 .calcc .calc-inner .calculator-content, .calcc .calc-inner .modal-header {
	 padding: 15px;
}
 .calcc .calc-inner .modal-header {
	 justify-content: space-between;
}
 .calcc .popup-overlay {
	 background: rgba(0, 0, 0, 0.5);
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 z-index: 9991;
}
 .calcc h3.recomnd {
	 font-size: 2rem;
	 border-bottom: 1px solid #ccc;
}
 @media (max-width: 767px) {
	 .calcc .calc-inner input {
		 margin-bottom: 10px;
	}
	 .calcc .calc-inner {
		 max-width: 500px;
		 width: 90%;
	}
	 .calcc .calc-content .container {
		 max-width: 100%;
	}
	 .calcc ul#tabs {
		 margin-bottom: 30px;
	}
	 .calcc .calc-content {
		 margin-left: 0;
	}
	 .calcc .calculator-fields input, .calcc .calculator-fields select {
		 width: 100%;
	}
}
 .calcc .debris-calculator {
	 width:calc(100% - 20px) !important;
  height: auto;
  border-radius: 12px;
  max-width:calc(100% - 20px) !important;
  padding: 40px 30px 10px;
  box-sizing: border-box !important;
  display: block;
  margin:0 10px;
}
 .calcc .dc-title {
	color: #2e2e2e !important;
  font-size: 32px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 0 10px;
}
 .calcc .dc-sub-title {
	 color: #434343 !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal !important;
  margin: 5px 0 20px;
}
 .calcc .dc-description {
	 color: #434343;
	 font-size: 16px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 27px;
}
 .calcc li.dc-tab:not(.active) {
	 flex-shrink: 0;
	 background: #ead9f6;
	 position: relative;
	 top:0;
}
 .calcc li.dc-tab.active {
	 background: #fff;
	 margin-top: -5px;
  margin-bottom: 0 !important;
  padding-bottom: 3px;
}
 .calcc li.dc-tab.active a, .calcc li.dc-tab.active a:hover, .calcc li.dc-tab.active a:focus, .calcc li.dc-tab.active a:active {
	 color: #6c00b6;
	 font-weight: 600;
}
 .calcc li.dc-tab a:hover, .calcc li.dc-tab a:focus, .calcc li.dc-tab a:active {
	 outline: none;
	 color: #6c00b6;
	 background: #e8dff0;
	 box-shadow: none;
	 margin: 0;
}
 .calcc li.dc-tab a {
	 color: #000;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal !important;
  padding: 15px !important;
  box-sizing: border-box;
  margin: 0;
  height: 100%;
  display: block;
  text-decoration: none !important;
}
.calcc li.dc-tab a:hover{
	text-decoration: none !important;
}
 .calcc .dc-help-title {
	 color: #434343 !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0 0 20px;
}
 .calcc .dc-help-box {
	 border-radius: 14px;
	 background: #6c00b7;
	 width: 306px;
	 height: 69.311px;
	 flex-shrink: 0;
	 padding: 1.2rem;
	 display: flex;
	 justify-content: start;
	 gap: 1rem;
	 align-items: center;
	 box-sizing: border-box;
}
.dc-help-box a:hover{
	text-decoration: underline !important;
}
 .calcc .dc-help-box-icon {
	 width: 48.255px;
	 height: 48.255px;
	 flex-shrink: 0;
	 fill: #f5f5f5;
}
 .calcc .dc-help-box-text p {
	 color: #fff !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal !important;
   margin: 0 !important;
}
 .calcc .dc-help-box-text p a {
	 color: #fff !important;
	 text-decoration: none;
}
 .calcc .calculator-fields h2 {
	 color: #6c00b7;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: normal;
  text-transform: inherit !important;
  margin: 0 0.4rem 3px 0;
}
 .calcc #dc-pavement-driveway, .calcc #dc-concrete-brick, .calcc #dc-drywall, .calcc #dc-roofing-estimator, .calcc #dc-structure-demolition {
	 background: #fff;
	 padding: 0 1rem;
	 border-radius: 0 0.8rem 0.8rem 0.8rem;
	 margin-bottom: 20px;
}
 .calcc .tab-content-block {
	 display: flex;
	 width: 100%;
	 justify-content: space-between;
}
 .calcc .tab-content-block .left-block {
	 flex: 0 0 calc(100% - 2px - 42%);
	 align-content: stretch;
	 padding: 15px 0 15px 12px;
	 box-sizing: border-box;
}
 .calcc .tab-content-block .right-block {
	 flex: 0 0 42%;
	 max-width: 42%;
	 align-content: stretch;
	 padding: 15px 0 15px 20px;
	 box-sizing: border-box;
}
 .calcc .right-block .company_name_title h2 {
	 color: #6c00b7;
	 font-size: 20px;
  	font-style: normal;
  	font-weight: 700;
	 line-height: normal;
	 text-transform: inherit;
	 margin: 3px 0 8px;
}
 .calcc .tab-content-block p {
	 white-space:break-spaces;
}
 .calcc .right-block img {
	 max-width: 22rem;
}

.calcc .right-block .product_img img {
	max-width: 100%;
}
.calcc .right-block .result-default img {
    max-width: 100%;
}

 .calcc p {
	 font-size: 14px;
	 line-height: 1.42857143;
	 color: #000;
}
 .calcc .start_search_button, .calcc .recomand-btn {
	 font-size: 14px;
	 font-weight: 500 !important;
	 padding: 0 12px !important;
	 height: 44px;
	 width: 148px;
	 text-align: left;
	 background-color: #fff !important;
	 margin: 5px 0 15px;
	 display: flex;
	 align-items: center;
	 white-space: normal;
	 cursor: pointer;
}
 .calcc .start_search_button svg, .calcc .recomand-btn svg{
	 margin-top: 3px !important;
 }
.calcc .recomand-btn br{
	display: none !important;
}
 .calcc .start_search_button:hover, .calcc .recomand-btn:hover{
	 background-color: #000 !important;
	 color: white !important;
	 border-color: #000 !important;
 }
 .calcc .start_search_button:hover svg path, .calcc .recomand-btn:hover svg path{
	 fill: white !important;
 }
.calcc .start_search_button:focus, .calcc .start_search_button:active, .calcc .recomand-btn:focus, .calcc .recomand-btn:active {
	 outline: none;
}

.calcc .reset-btn  {
    width: 95px;
}


 .calcc .text-center {
	 text-align: center;
}
 @media all and (max-width: 1180px) {
	 .calcc .tab-content-block .left-block {
		 flex: 0 0 auto;
		 width: 65%;
	}
	 .calcc .tab-content-block .right-block {
		 flex: 0 0 auto;
		 width: 35%;
	}
	 .calcc .scale-block {
		 gap: 1rem 0;
		 justify-content: space-between;
	}
	 .calcc .scale-block .scale-size-block {
		 flex: 0 0 calc(100% - 65%);
	}
	 .calcc .scale-block .scale-output-block {
		 flex: 0 0 60%;
	}
}
 @media all and (max-width: 980px) {
	 .calcc .scale-block {
		 flex-direction: column;
		 gap: 0;
	}
	 .calcc .scale-block .scale-size-block {
		 flex: 1;
		 width: 96%;
		 padding-bottom: 10px;
	}
	 .calcc .scale-block .recomandations {
		 flex: 1;
		 width: 100%;
	}
	 .calcc .scale-block .scale-output-block {
		 flex: 1;
    width: 96%;
    max-width: 96%;
    border-right-width: 2px !important;
    box-sizing: border-box;
	border-radius: 12px;
	}
}
 @media all and (max-width: 767px) {
	 .calcc li.dc-tab.active{
		 margin-top:0 !important;
	 }
	 .calcc .debris-calculator{
		 padding: 25px 20px;
	 }	 
	  .tab-pane{
		  border-radius:0 !important;
	  }
	 
	 ::-webkit-scrollbar {
		width: 0;
		height: 0
	}
	 
	 .calcc .tab-content-block {
		 flex-direction: column;
		 gap: 0;
	}
	 .calcc .tab-content-block .left-block {
		 width: 100%;
		 border: none;
		 padding: 1rem 0 0;
	}
	 .calcc .tab-content-block .right-block {
		 width: 100%;
	}
	 .calcc .scale-block .scale-size-block {
		 width: 100%;
		 padding-bottom: 0;
	}
	 .calcc .scale-block .scale-output-block {
		 margin-top: 20px;
		 border-radius: 0.9rem;
		 max-width: 100%;
		 width: 100%;
		 box-sizing: border-box;
	}
	 .calcc .tab-content-block .right-block {
		 padding: 1rem 0;
		 min-width: 100%;
		 box-sizing:border-box;
	}
	 .calcc .scale-block .scale-size-block .input-row {
		 margin-bottom: 0;
	}
}
 .calcc .display-none {
	 display: none;
}
 .header-block{
	 margin:0 0 25px 0;
 }
 .clearfix{
	 clear:both;
 }
 .tab-block{
	 width:100%;
 }
 .d-site-logo{
	 margin-bottom:10px;
 }
 .dc-general-description{
	 color: #000;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 400;
 }
 
  @media all and (max-width: 954px) {
	  .calcc #myTab.nav-tabs{
		 flex-wrap:nowrap;
		 overflow:auto;
		 scrollbar-width: none;
	 }
	 .calcc li.dc-tab a{
		 white-space: nowrap;
    padding-inline: 8px !important;
    font-size: 15px !important;
	 }
	 .calcc li.dc-tab.active a{
		 padding-bottom: 14px !important;
	 }
	 .calcc .scale-block .scale-output-block{
		 padding: 15px 0 10px 15px;
	 }
	 .calcc .dc-title{
		 font-size: 24px !important;
	 }
	 .calcc .dc-sub-title{
		 font-size: 18px !important;
	 }
	 .calcc .calculator-fields h2,.calcc .scale-block .scale-output-block h2,.calcc .dc-help-title{
		 font-size: 20px !important;
	 }
  }
  	@media all and (max-width:480px) {
		.calcc .scale-block .scale-output-block .input-row{
			flex-direction:column;
		}
	}
	.powered-by{
		text-align:right;
		color:#2e2e2e;
		font-weight:500;
	}
	.powered-by a{
		color:#0000FF;
	}
	.powered-by p{
		margin-bottom:0;
	}