input[type="range"] {
	-webkit-appearance: none;
	height: 1px;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

input[type="range"]::-webkit-slider-track {
	height: 1px;
	border: none;
}

input[type="range"]::-moz-range-track {
	height: 1px;
	border: none;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 34px;
	height: 20px;
	border: none;
	border-radius: 10px;
	outline: none;
	background-color: #22d760;
	margin-top: 0px; /* to center vertically */
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.calculator-title {
	
	font-size: 16.5px;
	line-height: 20px;
	margin-bottom: 6px;
	/*margin-top: -46px;*/
	font-weight: 400;
	color: #535353;
	
}

#p_value:hover {
    border-color: #555555 !important;
}


.ui-slider-handle:hover {
	
	cursor: pointer;
	
}

.calculator-control-pane {

    border-radius: 30px;

}

.calculator-wrapper .calculator-control-pane {

    width: 626px;

}

.calculator-wrapper .calculator-info-pane{

    flex: 1;
    min-width: 0;

}

.calculator-info-text {

    font-size: 50px;
    line-height: 55px;
    margin-bottom: 17px;
    font-weight: 900;

}

.calculator-control-pane .pills-wrapper {

    margin-bottom: 17px;

}

.calculator-control-pane .pills-wrapper button {

    display: block;
    color: #000;
    border-radius: 25px;
    font-size: 15px;
    padding: 15.5px 31.5px;
    margin-bottom: 25px;
    cursor: pointer;
	border: 1px solid #e4e4e4;
	background: #fff;
    width: 100%;
    text-align: left;
    font-weight: 400;

}

.calculator-control-pane .pills-wrapper button:hover {

    background-color: #4b4b4b;
    color: #fff;

}

.calculator-control-pane .pills-wrapper button.selected {

    background: #000000 !important;
    color: #fff !important;

}

.p_value_label, .project_amount, .project_amount_info {
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 9px;
    color: #c0c0c0;
    display: block;
	padding-left: 20px;
}

.polzunok-value {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 30px;
    color: #555555;

}

.polzunok_container {
    flex-direction: column;
    margin-bottom: 8px;
    top: -11px;
    position: relative;
    padding: 0 12px;
	width: 100%;

}



.polzunok-wrapper.black-buttons .ui-slider-range-min {
    
    border-top: 1px solid #000 !important;

}

.calculator-control-pane {

    background-color: #f5f5f7;
    padding-top: 85.5px;
    padding-bottom: 50px;

}

.first-value, .center-value, .last-value {
    width: 11px;
    height: 11px;
    background: #c0c0c0;
    border-radius: 50%;
}

.polzunok_grade {
    width: 100%;
    top: -6px;
    position: relative;
}

#pr_amount_summ {
    font-size: 36px;
    color: #000;
	font-weight: 900;
	padding-left: 32px;
}

.pr_amount_summ {
	
	font-size: 36px;
    color: #585858;
    font-weight: 500;
	margin-right: 3px;
	
}


.first-value-digit, .center-value-digit, .last-value-digit {
    font-size: 12px;
    margin-top: 7px;
    line-height: 1em;
    font-weight: 400;
	position: relative;
	color: #c0c0c0;
}

.first-value-digit {
	
	left: 2px;
	
}

.center-value-digit,
.last-value-digit {
	
	left: 10px;
	
}

.last-value-digit {
	
	left: 6px;
	
}

.info-pane-wrapper {

    padding-left: 81px;

}

.info-pane-wrapper .form-container .hi_input {

        margin-bottom: 20px;
        border-color: #cfcfcf;
        font-size: 15px;
        color: #555555;

}

.calculator-info-pane .hero-form-small-input-group {

        width: 214px;
        margin-bottom: 0;

}

.info-pane-wrapper .form-container .hi_btn {

    width: 192px;
    padding: 18px 34px;

}

/*-----------------ADAPTIVE SECTION-----------------------*/

/* Мобильные устройства (портретная ориентация) */
@media (max-width: 430px) {
	
	.calculator-title {
		
		margin-top: 0;
		
	}

    .calculator-info-pane .hero-form-small-input-group {

        width: 100%;

    }

    .calculator-control-pane {

        width: 100%;

    }
    
    
    .calculator-info-text {
        font-size: 28px;
        line-height: 34px;
    }

    .calculator-info-pane {

        padding-bottom: 32px;

    }
    
    .calculator-control-pane {

        padding-top: 32px;
		padding-bottom: 32px;
		margin-bottom: 46px;
        width: 100% !important;

    }

    .info-pane-wrapper {
        padding: 0;
    }

    .calculator-wrapper {
        text-align: center;
    }

    .calculator-control-pane .pills-wrapper button {
        font-size: 14px;
        margin-left: auto;
        margin-right: auto;
    }

    .calculator-control-pane .pills-wrapper button:hover {
        background-color: unset;
        color: unset;
    }
	
	.calculator-info-pane .hi_btn {

        margin: auto !important;

    }

    .polzunok-value {

        margin-left: auto;
        margin-right: auto;

    }
	
	.polzunok_container {
    
		width: 100%;
        margin-left: auto;
        margin-right: auto;
	
	}
    
}

/* Планшеты (портретная ориентация) */
@media (min-width: 431px) and (max-width: 768px) {
	
	.info-pane-wrapper {
        padding: 0;
    }
	
	
	.calculator-info-pane .hero-form-small-input-group {

        width: 100%;

    }

    .calculator-control-pane {

        width: 100% !important;

    }
    
    
    .calculator-info-text {
        font-size: 28px;
        line-height: 34px;
    }

    .calculator-info-pane {

        padding-top: 32px;
        padding-bottom: 32px;

    }
    
    .calculator-control-pane {

        padding-top: 32px;
		padding-bottom: 32px;

    }

    .calculator-wrapper {
        text-align: center;
    }

    .calculator-control-pane .pills-wrapper button {
        font-size: 16px;
        margin-left: auto;
        margin-right: auto;
    }

    .calculator-control-pane .pills-wrapper button:hover {
        background-color: unset;
        color: unset;
    }
	
	.calculator-info-pane .hi_btn {

        margin: auto;

    }

    .polzunok-value {

        margin-left: auto;
        margin-right: auto;

    }
	
	.polzunok_container {
    
		width: 100%;
        margin-left: auto;
        margin-right: auto;
	
	}

}

/* Планшеты (альбомная ориентация) и небольшие ноутбуки */
@media (min-width: 769px) and (max-width: 1024px) {
	
	.calculator-info-text {
        font-size: 34px;
        line-height: 42px;
    }
	
	.built-in-tags {
	
		padding: 30px 0;
		
	}
	
	.tags_wrapper {
		
		gap: 52px;
		
	}


}

/* Ноутбуки и десктопы */
@media (min-width: 1025px) and (max-width: 1440px) {
	
	

}

/*-----------------ADAPTIVE SECTION-----------------------*/