@charset "UTF-8";
/* ------------------------- MODAL ------------------------- */
.fancybox__slide {
    height: 100%;
    overflow-y: auto;
}

@media screen and (max-width: 575px) {
    .fancybox__slide {
        padding: 0;
    }
}

html.with-fancybox, body.hide-scrollbar {
    overflow: hidden;
}

@media screen and (min-width: 575px) {
    #modalFormService {
        width: 44rem;
    }
}
.f-button {
	display: block;
	position: absolute;
	top:8px;
	right:8px;
	width: 30px;
	height: 30px;
	/border: 1px solid #ccc;
	/border-radius: 50%;
	background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.15625 1.1576L22.7648 22.7662M22.7648 1.1576L1.15625 22.7662" stroke="%23313944" stroke-width="2.3152" stroke-linecap="round"/></svg>') no-repeat center;
}
.modal {
    position: relative;
    display: none;
    margin: 0 auto;
    border-radius: 1rem;
    background: #FBFBFB;
    color: #636363;
    box-shadow: 0 0 30px 0 rgba(171, 171, 171, 0.2);
    width: 37rem;
    padding: 3rem 3rem 3.5rem;
    line-height: 1.25;
    text-align: center;
}

@media screen and (max-width: 575px) {
    .modal {
        width: 35rem;
    }
}

.modal__title {
    color: #111111;
    font-size: 2.4rem;
    font-weight: 600;
    font-family: "Rubik";
}

.modal__subtitle {
    margin: 0.5rem 0 1.5rem;
}

.modal .t-input {
    display: block;
    width: 100%;
    height: 5.5rem;
    margin-bottom: 1.5rem;
    font-weight: 600;
    font-size: 1.4rem;
}

@media screen and (max-width: 575px) {
    .modal .t-input {
        padding: 0 2rem;
        margin-bottom: 1rem;
    }
}

.modal .form__privacy {
    width: 100%;
    text-align: left;
}

@media screen and (max-width: 575px) {
    .modal .form__privacy {
        margin-top: 1.5rem;
    }
}

.modal .form__privacy br {
    display: none;
}

.modal .t-btn {
    width: 100%;
    height: 7rem;
    margin-top: 1.5rem;
}

@media screen and (max-width: 575px) {
    .modal .dropdown.active .dropdown-menu {
        max-height: 19rem;
    }
}

.fancybox__content {
    max-height: 90vh;
 /* не больше 90% высоты окна */
    overflow-y: auto;
 /* скролл внутри */
}

.modal__close {
	display: none;
    position: absolute;
    right: 2rem;
    top: 2rem;
    opacity: 0.5;
    transition: 320ms;
    cursor: pointer;
}

.modal__close::before {
    content: "";
    position: absolute;
    top: -1.5rem;
    left: -1.5rem;
    right: -1.5rem;
    bottom: -1.5rem;
}

.modal__close .img-svg {
    width: 1.5rem;
    height: 1.5rem;
}

.modal__close:hover {
    opacity: 1;
}

.modal__calculator {
    width: 100rem;
    padding: 4rem 4rem 5rem;
}

@media screen and (max-width: 575px) {
    .modal__calculator {
        width: 100%;
        padding: 2rem;
        border-radius: 0;
    }
}

.modal__calculator .modal__close {
    right: 4rem;
    top: 4.5rem;
    opacity: 0.8;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__close {
        right: 2rem;
        top: 2rem;
    }
}

.modal__calculator .modal__close:hover {
    opacity: 1;
}

.modal__calculator .modal__inner {
    text-align: left;
    width: 100%;
}

.modal__calculator .modal__inner-header {
    display: flex;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-header {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-header .modal__title {
        font-size: 1.6rem;
    }
}

.modal__calculator .modal__inner-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box {
        display: block;
    }
}

.modal__calculator .modal__inner-box-left {
    width: 53rem;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box-left {
        width: 100%;
        padding: 0;
    }
}

.modal__calculator .modal__inner-box-left .modal__subtitle {
    margin: 0 0 3rem;
    font-size: 1.4rem;
    color: #111111;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box-left .modal__subtitle {
        margin-bottom: 2rem;
        line-height: 1.35;
    }

    .modal__calculator .modal__inner-box-left .modal__subtitle br {
        display: none;
    }
}

.modal__calculator .modal__inner-box-left .calculator__inner-box-item {
    margin-bottom: 2rem;
}

.modal__calculator .modal__inner-box-left .calculator__inner-box-item-title {
    font-size: 1.4rem;
    color: #111111;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box-left .calculator__inner-box-item-title {
        margin-bottom: 1rem;
    }
}

.modal__calculator .modal__inner-box-left .calculator__inner-box-item .d-input {
    font-size: 1.4rem;
}

.modal__calculator .modal__inner-box-left .range-block-title {
    margin-bottom: 1.2rem;
    color: #111111;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box-left .range-block-title {
        font-size: 1.55rem;
    }
}

.modal__calculator .modal__inner-box-right {
    width: 31rem;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box-right {
        width: 100%;
        margin-top: 5rem;
        padding-bottom: 3rem;
    }
}

.modal__calculator .modal__inner-box-right .modal__title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 575px) {
    .modal__calculator .modal__inner-box-right .modal__title {
        text-align: center;
    }
}

.modal.lizing .range-value {
    font-size: 2.4rem;
    font-weight: 600;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #111111;
}

.modal.lizing .range-block-title {
    margin: 0;
    font-size: 1.4rem;
}

.modal.lizing .irs-min {
    display: block !important;
}

.modal.lizing .irs-single {
    display: none !important;
}

.modal.lizing .range-price {
    pointer-events: none;
}

.modal.lizing .ion_custom .irs--round {
    margin-bottom: 4rem;
}

.modal.lizing .range-srok .irs--round {
    margin-bottom: 0;
}

.modal.lizing .range-price .irs--round .irs-handle {
    background: #636363;
    box-shadow: 0px 0px 8px 1px rgba(24, 98, 160, 0.15);
}