/* Slider */
.dt-sc-simple-estimator-wrap  .ui-slider {
	background: #eee; 
    position: relative;
    text-align: left;
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
    -webkit-transition: all 190ms ease;
    transition: all 190ms ease;
}
/* Slider hover state */
.dt-sc-simple-estimator-wrap  .ui-slider:hover {
	box-shadow: 0 1px 5px rgba(0,0,0,0.2);
    -webkit-transition: all 380ms ease;
    transition: all 380ms ease;
}
/* Slider handle */
.dt-sc-simple-estimator-wrap .ui-slider .ui-slider-handle {
    display: block;
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    -ms-touch-action: none;
    touch-action: none;
    background: #52b7bd;
    border-radius: 0;
    cursor: w-resize;
	cursor: -webkit-grab;
	cursor: -moz-grab;
    -webkit-transition: all 190ms ease;
    transition: all 190ms ease;	
    text-align: center;
    line-height: 35px;
    border: 0;
    border-radius: 50%;
}
	
.dt-sc-simple-estimator-wrap .ui-slider span.item-slider-value {
    position: absolute;
    top: -38px;
    display: inline-block;
    text-align: center;
    left: -7px;
    border-bottom: 2px solid #222;
    line-height: normal;
    padding: 0px 5px 2px;
    min-width: 30px;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.dt-sc-simple-estimator-wrap .ui-slider span.item-slider-value:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #222;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -8px;
}

.dt-sc-simple-estimator-wrap .ui-slider span.item-slider-value:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #222;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    z-index: -1;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    ::i-block-chrome, .dt-sc-simple-estimator-wrap .ui-slider span.item-slider-value:after { padding: 5px 5px; }

}

.dt-sc-simple-estimator-wrap .ui-slider .ui-state-hover span.item-slider-value:after,
.dt-sc-simple-estimator-wrap .ui-slider .ui-state-active span.item-slider-value:after {
    height: 100%;
}

.dt-sc-simple-estimator-wrap .ui-slider .ui-state-hover span.item-slider-value,
.dt-sc-simple-estimator-wrap .ui-slider .ui-state-active span.item-slider-value { 
    color: #fff; 
}

.dt-sc-simple-estimator-wrap .btQuoteSliderValue {
	min-width: 34px;
	height: 38px;
	line-height: 38px;
	padding: 0 2px;
	font-size: 11px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	display: block;
}
/* Slider hover state */
/*.dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-handle.ui-state-hover {
	box-shadow: 0 0 0 rgba(0,0,0,0.5), 0 0 0 3px rgba(0,0,0,0.2) inset;
}*/
/* Slider active state */
.dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-handle.ui-state-active, .dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-handle.ui-state-active.ui-state-hover {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	/*box-shadow: 0 2px 10px rgba(0,0,0,0.5), 0 0 0 3px rgba(0,0,0,0.2) inset;*/
}
/* Slider range */
.dt-sc-simple-estimator-wrap  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
/* support: IE8 - See #6727 */
.dt-sc-simple-estimator-wrap  .ui-slider.ui-state-disabled .ui-slider-handle,
.dt-sc-simple-estimator-wrap  .ui-slider.ui-state-disabled .ui-slider-range {
    -webkit-filter: inherit;
    filter: inherit;
}
/* Slider horizontal */
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal {
    height: 5px;
    margin-top: 6px;
    cursor: pointer;
}

@-moz-document url-prefix() { 

    .dt-sc-simple-estimator-wrap  .ui-slider-horizontal {
        margin-top: 7px;
    }

}

.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -7.5px;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.dt-sc-simple-estimator-wrap  .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
/* Slider vertical */
.dt-sc-simple-estimator-wrap  .ui-slider-vertical {
    min-width: 34px;
    height: 100px;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-handle {
    left: 0;
    margin-left: 0;
    margin-bottom: -18px;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.dt-sc-simple-estimator-wrap  .ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

/* Select */
    *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .cd-dropdown{ -webkit-perspective:800px; -moz-perspective:800px; -o-perspective:800px; -ms-perspective:800px; perspective:800px; position:relative; width:300px; z-index: 9; }

    .cd-dropdown ul { list-style-type: none; margin: 0; padding: 0; display: block; position: relative; }
    .cd-dropdown ul{position:absolute; top:50px; width:100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } 
    .cd-dropdown.cd-active ul { opacity: 1; visibility: visible; top: 58px; border-top: 1px solid #ffc527; }

    .cd-dropdown > span { width: 100%; line-height:50px; height:50px; color: #999; font-size: 14px; background: #fff; display: block; padding: 0 50px 0 20px; position: relative; cursor: pointer; }
    /* .cd-dropdown span .cd-dropdown-item-wrap{padding-left:65px;} */
    .cd-dropdown span .cd-dropdown-item-wrap .description{display:none;}
    ul li .cd-dropdown-item-wrap{display: inline-block; float: left; clear: both;}
    .cd-dropdown > span, .cd-dropdown ul li span { -webkit-backface-visibility: hidden; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; }
    .cd-dropdown ul li { display: block; }
    .cd-dropdown ul li p{margin: 10px 0px;font-weight: normal; float: none; display: inline-block; margin-left: 10px; font-size: 13px;} 
    .cd-dropdown ul li { position: relative; width: 100% !important; background: #fff; padding: 2px 50px 0px 15px; display: block; cursor: pointer; top: auto !important; border: 1px solid; float: left; border-top: none; }

    .cd-dropdown ul li:first-child { display: none; }

    .cd-dropdown ul li span { width: 100%; background: #fff; line-height: 60px; padding: 0 30px 0 75px; display: block; color: #bcbcbc; cursor: pointer; font-weight: 700; }
    .cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span { border: 1px solid #ddd; }
    .cd-dropdown > span, .cd-dropdown ul li span { -webkit-backface-visibility: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .cd-active.cd-dropdown ul li span { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
    .cd-dropdown > span:after { content: '\25BC'; position: absolute; right: 0px; top: 50%; width: 50px; text-align: center; font-size: 12px; padding: 10px; height: auto; line-height: normal; transform: translateY(-50%) scaleY(1); -moz-transform: translateY(-50%) scaleY(1); -webkit-transform: translateY(-50%) scaleY(1); -ms-transform: translateY(-50%) scaleY(1); transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; -webkit-transition: all .3s linear; }
    .cd-active.cd-dropdown > span:after, .cd-active.cd-dropdown ul li > span:after { transform: translateY(-50%) scaleY(-1); -moz-transform: translateY(-50%) scaleY(-1); -webkit-transform: translateY(-50%) scaleY(-1); -ms-transform: translateY(-50%) scaleY(-1); }

    .cd-dropdown > span:before { content: ""; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1px; height: 20px; background: #ddd; } 

    .dt-sc-simple-estimator-next-btn-wrap input[type="submit"], 
    .dt-sc-simple-estimator-next-btn-wrap input[type="reset"], 
    .dt-sc-simple-estimator-next-btn-wrap button, 
    .dt-sc-simple-estimator-next-btn-wrap input[type="button"], button.item-button-submit { font-size: 14px; padding: 15px 36px 12px; font-weight: 400; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; }

    .dt-sc-simple-estimator-next-btn-wrap input[type="submit"]:hover, 
    .dt-sc-simple-estimator-next-btn-wrap input[type="reset"]:hover, 
    .dt-sc-simple-estimator-next-btn-wrap button:hover, 
    .dt-sc-simple-estimator-next-btn-wrap input[type="button"]:hover, button.item-button-submit:hover { color: #fff; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2); }

    .dt-sc-simple-estimator-select-wrap.dt-sc-simple-estimator-item,
    .dt-sc-simple-estimator-slider-wrap.dt-sc-simple-estimator-item { width: 100%; float: left; }

    .dt-sc-simple-estimator-form-wrap { width: 45%; display: none; }
    .dt-sc-simple-estimator-form-wrap.active { display: block; }

    .cd-active.cd-dropdown > span:before, .cd-active.cd-dropdown ul li span:before { height: 35px; background: rgba(0,0,0,0.2); }

    .cd-dropdown > span { box-shadow: none; border: 1px solid #ddd; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear; border-bottom-color: #ddd; }

    .cd-active.cd-dropdown ul li:hover span{color:#FFF;}
    .cd-dropdown span.item-option-image{width: 75px;
    max-height: 50px; background-repeat:no-repeat; background-position:left center; float:left; position:absolute;
 left:0; top:0; padding: 0px;margin: auto; bottom: 0px;border: none; box-shadow: none;}
 .cd-dropdown > span.item-option-image, .cd-dropdown ul li:nth-last-child(-n+3) span.item-option-image {box-shadow: none; }

    .item-switch {float: left; margin: 0 0 0; width: 76px; height: 38px; border: 1px solid #ccc; border-radius: 38px; cursor: pointer; padding: 5px; -webkit-transition: box-shadow 380ms ease; transition: box-shadow 380ms ease; } .item-switch:hover {
    box-shadow: 0 0 0 #52b7bd inset, 0 1px 5px rgba(0,0,0,0.2); }
    .item-switch .item-switch-inner {width: 26px; height: 26px; background: #ccc; border-radius: 50%; -webkit-transition: all 190ms cubic-bezier(0.8, 0.1, 0.8, 0.1); transition: all 190ms cubic-bezier(0.8, 0.1, 0.8, 0.1); }
    .item-switch.item-switch-on .item-switch-inner {margin-left: 38px; background: #52b7bd; }

.dt-sc-simple-estimator-wrap { float: left; width: 100%; }
.dt-sc-simple-estimator-content-wrap,
.dt-sc-simple-estimator-total-wrap { float: left; padding: 0 15px; }
.dt-sc-simple-estimator-content-wrap { width: 75%; }
.dt-sc-simple-estimator-total-wrap { font-size: 22px; line-height: 30px; width: 25%; padding: 20px; box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2); } 

.dt-sc-simple-estimator-wrap .dt-sc-simple-estimator-content-wrap .wpb_column.spacing-adjustment { padding-right: 20px; }

.dt-sc-simple-estimator-next-btn-wrap { clear: both; margin: 20px 0 30px; float: left; width: 100%; padding: 0 15px; }

.dt-sc-simple-estimator-number-wrap { display: inline-block; width: 100%; }
.dt-sc-simple-estimator-number-wrap .item-label { margin-bottom: 20px; }
.dt-sc-simple-estimator-number-wrap .input-item-wrap { display: inline-block; position: relative; width: 160px; border: 1px solid #e5e5e5; } 
.dt-sc-simple-estimator-number-wrap .input-item-wrap:after, .dt-sc-simple-estimator-number-wrap .input-item-wrap:before { content: "+"; position: absolute; right: 0; top: 0; background-color: #e4e4e4; color: #000; width: 15px; height: 50%; text-align: center; pointer-events: none; cursor: pointer; font-size: 17px; }
.dt-sc-simple-estimator-number-wrap .input-item-wrap:before { background-color: #e8e8e8; bottom: 0; top: auto; content: "-"; height: 50%; color: #222; }

.dt-sc-simple-estimator-number-wrap input[type="number"] { padding: 0 10px; border: 0; padding-right: 0; line-height: 50px; }

@media all and (-ms-high-contrast:none)
     {
     .dt-sc-simple-estimator-number-wrap .input-item-wrap { height: 50px; }
     *::-ms-backdrop, .dt-sc-simple-estimator-number-wrap .input-item-wrap { height: 50px; }
     }


.dt-sc-simple-estimator-number-wrap input[type=number]::-webkit-inner-spin-button,
.dt-sc-simple-estimator-number-wrap input[type=number]::-webkit-outer-spin-button,
.dt-sc-simple-estimator-number-wrap input[type=number]::-moz-inner-spin-button,
.dt-sc-simple-estimator-number-wrap input[type=number]::-moz-outer-spin-button,
.dt-sc-simple-estimator-number-wrap input[type=number]::-ms-inner-spin-button,
.dt-sc-simple-estimator-number-wrap input[type=number]::-ms-outer-spin-button { width: 50px; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.dt-sc-simple-estimator-slider-wrap .item-label { float: left; width: 15%; } 
.dt-sc-simple-estimator-slider-wrap .input-item-wrap { float: right; width: 82%; }
.dt-sc-simple-estimator-form .item-form { display: block; float: left; margin: 0 0 15px; width: 100%; }
.dt-sc-simple-estimator-form .item-form input[type="checkbox"] { margin: -2px 5px 0 0; }


.dt-sc-simple-estimator-wrap form { float: left; width: 100%; padding: 0 15px; }

.success, .error, .warning { float: left; width: 100%; position: relative; margin: 20px 0 0; padding: 15px 15px 15px 38px; clear: both; border-radius: 2px; }
.error:before, .warning:before, .success:before { top: 15px; left: 10px; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 20px; position: absolute; } 
.success { background: #eafac0; border: 1px solid #b1cf67; color: #7ba411; }
.error { background: #ffcccc; border: 1px solid #ff9999; color: #d01313; }
.warning { background: #fdebae; border: 1px solid #e6c555; color: #c79d13; }
.success:before { content: "\f058"; color: #75b632; }
.error:before { content: "\f057"; color: #C54228; }
.warning:before { content: "\f06a"; color: #e2b828; }


@media only screen and (min-width:768px) and (max-width:991px) {  

    .dt-sc-simple-estimator-content-wrap { width: 65%; }
    .dt-sc-simple-estimator-total-wrap { width: 35%; }

}

@media only screen and (max-width:767px) {  

    .dt-sc-simple-estimator-content-wrap,
    .dt-sc-simple-estimator-next-btn-wrap,
    .dt-sc-simple-estimator-wrap form { padding: 0; }
    .dt-sc-simple-estimator-content-wrap,
    .dt-sc-simple-estimator-total-wrap,
    .dt-sc-simple-estimator-form-wrap { width: 100%; }
    
}


/* Common Styles for the devices below 479px width */
@media only screen and (max-width: 479px) {

    .cd-dropdown { width: 100%; }

    .dt-sc-simple-estimator-slider-wrap .item-label { width: 25%; }
    .dt-sc-simple-estimator-slider-wrap .input-item-wrap { width: 75%; }

}

/* Colors */

.cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span, .cd-active.cd-dropdown ul li:hover, .dt-sc-simple-estimator-total-wrap,
.dt-sc-simple-estimator-next-btn-wrap input[type="submit"], 
    .dt-sc-simple-estimator-next-btn-wrap input[type="reset"], 
    .dt-sc-simple-estimator-next-btn-wrap button, 
    .dt-sc-simple-estimator-next-btn-wrap input[type="button"], button.item-button-submit { color: #222; }

/* Skins */

    /*Primary*/

    .cd-active.cd-dropdown ul li:hover, .cd-active.cd-dropdown > span, .dt-sc-simple-estimator-total-wrap, .dt-sc-simple-estimator-next-btn-wrap input[type="submit"], .dt-sc-simple-estimator-next-btn-wrap input[type="reset"], .dt-sc-simple-estimator-next-btn-wrap button, .dt-sc-simple-estimator-next-btn-wrap input[type="button"], button.item-button-submit { background: #ffc527; } 
    .cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span,
    .cd-dropdown ul li { border-color: #ffc527; }

    /*Secondary*/

    .dt-sc-simple-estimator-next-btn-wrap input[type="submit"]:hover, 
    .dt-sc-simple-estimator-next-btn-wrap input[type="reset"]:hover, 
    .dt-sc-simple-estimator-next-btn-wrap button:hover, 
    .dt-sc-simple-estimator-next-btn-wrap input[type="button"]:hover, button.item-button-submit:hover { background: #e74216; }