button {
    border-radius: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}


[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}



.jq-checkbox,
.jq-radio {
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jq-checkbox input,
.jq-radio input {
    position: absolute;
    z-index: -1;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-file {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.jq-file input {
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    margin: 0;
    padding: 0;
    opacity: 0;
    font-size: 100px;
    line-height: 1em
}

.jq-file__name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-select-multiple,
.jq-selectbox {
    position: relative;
    display: inline-block
}

.jq-select-multiple select,
.jq-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0
}

.jq-select-multiple li,
.jq-selectbox li {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

.jq-selectbox__search input {
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__dropdown ul {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    list-style: none;
    -webkit-overflow-scrolling: touch
}

.jq-select-multiple ul {
    position: relative;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.jq-number {
    display: inline-block
}

.jq-number__field input {
    -moz-appearance: textfield;
    text-align: left
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.jq-select-multiple li,
.jq-selectbox li {
    white-space: normal
}

.jq-selectbox__dropdown ul {
    max-height: 200px !important
}

.jq-checkbox,
.jq-radio {
    vertical-align: -4px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
    border: 1px solid #c3c3c3;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05), inset -1px -1px #fff, inset 1px -1px #fff;
    cursor: pointer
}

.jq-checkbox.focused,
.jq-radio.focused {
    border: 1px solid #08c
}

.jq-checkbox.disabled,
.jq-radio.disabled {
    opacity: .55
}

.jq-checkbox {
    border-radius: 3px
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 4px;
    margin: 3px 0 0 3px;
    border-bottom: 2px solid #666;
    border-left: 2px solid #666;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.jq-radio {
    border-radius: 50%
}

.jq-radio.checked .jq-radio__div {
    width: 10px;
    height: 10px;
    margin: 3px 0 0 3px;
    border-radius: 50%;
    background: #777;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .7)
}

.jq-file {
    width: 270px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-file input {
    cursor: pointer
}

.jq-file__name {
    box-sizing: border-box;
    width: 100%;
    height: 34px;
    padding: 0 80px 0 10px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1;
    font: 14px/32px Arial, sans-serif;
    color: #333
}

.jq-file__browse {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 0 10px;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/32px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff
}

.jq-file:hover .jq-file__browse {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-file:active .jq-file__browse {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-file.focused .jq-file__name {
    border: 1px solid #5794bf
}

.jq-file.disabled,
.jq-file.disabled .jq-file__name,
.jq-file.disabled .jq-file__browse {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number {
    position: relative;
    vertical-align: middle;
    padding: 0 36px 0 0
}

.jq-number__field {
    width: 100px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1)
}

.jq-number__field:hover {
    border-color: #b3b3b3
}

.jq-number__field input {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 9px;
    border: none;
    outline: none;
    background: none;
    font: 14px Arial, sans-serif;
    color: #333
}

.jq-number__spin {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 14px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

.jq-number__spin.minus {
    top: auto;
    bottom: 0
}

.jq-number__spin:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

.jq-number__spin:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

.jq-number__spin:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 11px;
    width: 0;
    height: 0;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #999;
    border-left: 5px solid rgba(0, 0, 0, 0)
}

.jq-number__spin.minus:after {
    top: 5px;
    border-top: 5px solid #999;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-bottom: none;
    border-left: 5px solid rgba(0, 0, 0, 0)
}

.jq-number__spin.minus:hover:after {
    border-top-color: #000
}

.jq-number__spin.plus:hover:after {
    border-bottom-color: #000
}

.jq-number.focused .jq-number__field {
    border: 1px solid #5794bf
}

.jq-number.disabled .jq-number__field,
.jq-number.disabled .jq-number__spin {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-number.disabled .jq-number__spin:after {
    border-bottom-color: #aaa
}

.jq-number.disabled .jq-number__spin.minus:after {
    border-top-color: #aaa
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 100%
}

.jq-selectbox__select {
    height: 48px;
    padding: 14px 40px 14px 16px;
    border: 0;
    border-bottom-color: #b3b3b3;
    border-radius: 2px;
    background-color: #333;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42
}

.jq-selectbox__select:hover,
.jq-selectbox__select:active,
.jq-selectbox__select:focus {
    outline: 0;
    border: 0
}

.jq-selectbox.disabled .jq-selectbox__select {
    opacity: .5;
    cursor: default
}

.jq-selectbox__select-text {
    display: block;
    width: 100%
}

.jq-selectbox .placeholder {
    color: #888
}

.jq-selectbox__trigger {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 16px;
    height: 16px
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("https://prime-renovations.ca/wp-content/uploads/2024/11/arrowdown.svg");
    transition: all .3s
}

.jq-selectbox.dropdown .jq-selectbox__trigger-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: #333;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    width: 100% !important;
    max-width: 100%
}

.jq-selectbox__search {
    margin: 5px
}

.jq-selectbox__search input {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==") no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1;
    color: #333
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    font-size: 13px
}

.jq-selectbox ul {
    margin: 0;
    padding: 0
}

.jq-selectbox li {
    min-height: 18px;
    padding: 14px 16px;
    color: #fff
}

.jq-selectbox li.selected {
    color: #fff;
    background-color: #4c4c4c
}

.jq-selectbox li:hover {
    background-color: #4c4c4c;
    color: #fff
}

.jq-selectbox li.disabled {
    color: #aaa
}

.jq-selectbox li.disabled:hover {
    background: none
}

.jq-selectbox li.optgroup {
    font-weight: bold
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231f20;
    cursor: default
}

.jq-selectbox li.option {
    padding-left: 25px
}

.jq-select-multiple {
    box-sizing: border-box;
    padding: 1px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    background: #fff;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px/18px Arial, sans-serif;
    color: #333;
    cursor: default
}

.jq-select-multiple.focused {
    border: 1px solid #5794bf
}

.jq-select-multiple.disabled {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-select-multiple ul {
    margin: 0;
    padding: 0
}

.jq-select-multiple li {
    padding: 3px 9px 4px;
    list-style: none
}

.jq-select-multiple li:first-child {
    border-radius: 3px 3px 0 0
}

.jq-select-multiple li:last-child {
    border-radius: 0 0 3px 3px
}

.jq-select-multiple li.selected {
    background: #08c;
    color: #fff
}

.jq-select-multiple li.disabled {
    color: #aaa
}

.jq-select-multiple li.optgroup {
    font-weight: bold
}

.jq-select-multiple li.option {
    padding-left: 25px
}

.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
    background: #ccc;
    color: #fff
}

input[type=email].styler,
input[type=password].styler,
input[type=search].styler,
input[type=tel].styler,
input[type=text].styler,
input[type=url].styler,
textarea.styler {
    padding: 8px 9px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 1px 1px #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333
}

input[type=search].styler {
    -webkit-appearance: none;
    appearance: none
}

textarea.styler {
    overflow: auto
}

input[type=email].styler:hover,
input[type=password].styler:hover,
input[type=search].styler:hover,
input[type=tel].styler:hover,
input[type=text].styler:hover,
input[type=url].styler:hover,
textarea.styler:hover {
    border-color: #b3b3b3
}

input[type=email].styler:hover:focus,
input[type=password].styler:hover:focus,
input[type=search].styler:hover:focus,
input[type=tel].styler:hover:focus,
input[type=text].styler:hover:focus,
input[type=url].styler:hover:focus,
textarea.styler:hover:focus {
    border-color: #ccc;
    border-top-color: #b3b3b3;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

button.styler,
input[type=button].styler,
input[type=submit].styler,
input[type=reset].styler {
    overflow: visible;
    padding: 8px 11px;
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    outline: none;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgba(0, 0, 0, .1);
    font: 14px Arial, sans-serif;
    color: #333;
    text-shadow: 1px 1px #fff;
    cursor: pointer
}

button.styler.styler::-moz-focus-inner,
input[type=button].styler.styler::-moz-focus-inner,
input[type=submit].styler.styler::-moz-focus-inner,
input[type=reset].styler.styler::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.styler:not([disabled]):hover,
input[type=button].styler:not([disabled]):hover,
input[type=submit].styler:not([disabled]):hover,
input[type=reset].styler:not([disabled]):hover,
input[type=reset].styler:hover {
    background: linear-gradient(#F6F6F6, #E6E6E6)
}

button.styler:active,
input[type=button].styler:active,
input[type=submit].styler:active,
input[type=reset].styler:active {
    background: #f5f5f5;
    box-shadow: inset 1px 1px 3px #ddd
}

button.styler[disabled],
input[type=button].styler[disabled],
input[type=submit].styler[disabled] {
    border-color: #ccc;
    background: #f5f5f5;
    box-shadow: none;
    color: #888
}

.jq-selectbox__search {
    margin: 0
}

.jq-selectbox__search input[type=search] {
    border: none;
    outline: none !important;
    -webkit-appearance: none;
    background: none;
    overflow: hidden;
    box-shadow: none;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: "Museo Sans Cyrl", sans-serif;
    border-radius: 0;
    border: 1px solid #333;
    padding: 14px;
    width: 100%;
    background-color: #333
}

.jq-selectbox__search input[type=search]::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.jq-selectbox__search input[type=search]:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #495057
}

.jq-selectbox__search input[type=search]::-webkit-input-placeholder {
    color: #6d6d6d;
    opacity: 1
}

.jq-selectbox__search input[type=search]:-ms-input-placeholder {
    color: #6d6d6d;
    opacity: 1
}

.jq-selectbox__search input[type=search]::-ms-input-placeholder {
    color: #6d6d6d;
    opacity: 1
}

.jq-selectbox__search input[type=search]::placeholder {
    color: #6d6d6d;
    opacity: 1
}

.jq-selectbox__search input[type=search]:-moz-placeholder {
    color: #6d6d6d
}

.jq-selectbox__search input[type=search]::-moz-placeholder {
    color: #6d6d6d
}

.jq-selectbox__search input[type=search]:-ms-input-placeholder {
    color: #6d6d6d
}

.jq-selectbox__search input[type=search]::-webkit-input-placeholder {
    color: #6d6d6d
}

[contenteditable] {
    outline: none !important
}

.form-control {
    border: none;
    outline: none !important;
    -webkit-appearance: none;
    background: none;
    overflow: hidden;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    font-family: "Museo Sans Cyrl", sans-serif;
    border-radius: 2px;
    border: 1px solid #333;
    padding: 14px 15px;
    width: 100%;
    background-color: #333
}

.form-control::-ms-expand {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.form-control:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #495057
}

.form-control::-webkit-input-placeholder {
    color: #6d6d6d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6d6d6d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6d6d6d;
    opacity: 1
}

.form-control::placeholder {
    color: #6d6d6d;
    opacity: 1
}

.form-control:-moz-placeholder {
    color: #6d6d6d
}

.form-control::-moz-placeholder {
    color: #6d6d6d
}

.form-control:-ms-input-placeholder {
    color: #6d6d6d
}

.form-control::-webkit-input-placeholder {
    color: #6d6d6d
}

.form-control.is-invalid {
    border-color: red
}

.form-control.error {
    border-color: red
}

.form.disabled-tel .form-control[type=tel] {
    border-color: red
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

select.form-control:not(.not-empty) {
    color: #bcbfc7;
    font-weight: 400
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.form-row>.col,
.form-row>[class*=col-] {
    padding-right: 10px;
    padding-left: 10px
}

input::-ms-clear {
    display: none
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.form__wrap {
    display: block
}

.form__label {
    display: block;
    color: #f2f2f2;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
    margin-bottom: 4px
}

.disabled-tel button[type=submit],
.invalid-form button[type=submit],
button[type=submit].disabled,
.disabled-name button[type=submit] {
    background-color: #737373;
    border-color: #737373;
    color: #000;
    pointer-events: none;
    cursor: default
}

.radio {
    display: block;
    margin-bottom: 16px;
    cursor: pointer
}

.radio:last-child {
    margin-bottom: 0
}

.radio input {
    display: none
}

.radio>span {
    display: block;
    padding-left: 36px;
    position: relative;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%
}

.radio i {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    border: 1px solid #373737;
    left: 0;
    top: 0
}

.radio i:after {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #ee8a4b;
    left: 3px;
    top: 3px;
    border-radius: 12px;
    transition: all .3s
}

.radio input:not(:checked)+span i:after {
    opacity: 0
}

.radio_collapse:not(.active)>span i:after {
    opacity: 0
}


.collapse>div:last-child {
    display: none;
}


.slides__card-body.scroll-style>div>.collapse:first-child>div:last-child{
	display:block
} 
.collapse.opened .collapse__content label.radio.radio_collapse .radio__child  {
    display: none;
}

.collapse.opened .collapse__content label.radio.radio_collapse .radio__child.opened  {
    display: flex;
}


.radio__child {
    padding: 16px 0 0 36px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.radio__child .radio {
    margin-bottom: 0
}

.radio__child .radio span {
    padding-top: 1px;
    font-size: 14px
}

.radio__child_colors {
    gap: 16px
}

.radio__child_colors .radio span {
    padding: 0;
    width: 44px;
    height: 44px;
    border-radius: 2px;
    border: 2px solid rgba(0, 0, 0, 0);
    transition: all .3s
}

.radio__child_colors .radio input:checked+span {
    border: 2px solid #ee8a4b
}

.calc-output {
    display: none;
}
.logged-in .calc-output {
    display: block;
} 

@media(min-width: 1200px) {
    .radio_image img {
        display: none
    }
}

@media(max-width: 1199.98px) {
    .radio_image {
        padding: 16px;
        border-radius: 2px;
        border: 1px solid #373737;
        transition: all .3s
    }
    .radio_image.this-checked {
        border-color: #ee8a4b
    }
    .radio_image img {
        margin-top: 20px;
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto
    }
}

select.js-select {
    height: 48px;
    display: block;
    width: 100%;
    background-color: #333;
    border: 0;
    -webkit-appearance: none;
    appearance: none
}

select.js-select::-ms-expand {
    display: none
}

.form-checkbox {
    cursor: pointer
}

.form-checkbox input {
    display: none
}

.form-checkbox span {
    position: relative;
    display: inline-block;
    padding-left: 24px;
    font-size: 14px;
    color: #8d8d8d;
    line-height: 1.3
}

.form-checkbox span:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #8d8d8d;
    border-radius: 3px;
    transition: all .3s
}

.form-checkbox span:after {
    content: "✓";
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 12px;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    opacity: 0;
    transition: all .3s
}

.form-checkbox input:checked+span:before {
    border-color: #ee8a4b
}

.form-checkbox input:checked+span:after {
    opacity: 1
}



.btn:active {
    box-shadow: none;
    background-color: #ea6c1c;
    border-color: #ea6c1c
}

.btn:active,
.btn:focus,
.btn:hover {
    color: #fff;
    text-decoration: none !important;
    outline: none !important
}

.btn_outline {
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0)
}

.btn_outline:hover {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ced4da
}

.btn_outline:active {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ced4da
}

.btn_outline:active,
.btn_outline:focus,
.btn_outline:hover {
    color: #ced4da
}

button.js-slide-next,
button#button-step-1-next {
    position: relative;
    outline: none !important;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    background: none;
    -webkit-appearance: none;
    -webkit-transform: translateZ(0px);
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    background-color: #ee8a4b;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ee8a4b;
    color: #fff;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 11px 24px;
    box-shadow: 0px 1px 2px 0px rgb(16 24 40 / 5%);
    transition: all .2s ease-in-out;
}

.js-slide-prev.btn_outline {
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    outline: none !important;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    background: none;
    -webkit-appearance: none;
    -webkit-transform: translateZ(0px);
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #ee8a4b;
    color: #fff;
    font-family: "Museo Sans Cyrl",sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 11px 24px;
    box-shadow: 0px 1px 2px 0px rgb(16 24 40 / 5%);
	transition: all .2s ease-in-out;}


.js-slide-prev.btn_outline:hover{
	background-color: rgba(0, 0, 0, 0);
    border-color: #ced4da;
}
.slides__item>div>div {
    height: 100%;
    min-height: calc(100vh - 81px);
}
.slides__item:not(.active) {
    display: none;
	z-index: -1111111111111111111111;
    position: relative;
}
.slides__item {
    display: none;
    z-index: -1111111111111111111111;
    position: relative;
}
.slides__item.active {
    display: block!important;
    z-index: 1;
}

.slides__item.slide-visible {
    display: block; /* Коли додаємо клас, слайд стає видимим */
}

.form-slide-last>div {
    margin: auto;
    display: flex;
}
.form-slide-last {
    position: relative;
    z-index: 3;
    border: 1px solid rgba(57, 57, 57, .1);
    box-shadow: 0px -2px 17.6px 0px rgb(38 37 37);
}


button#button-step-1-next.btn:disabled,
button#button-step-3-next.btn:disabled{
    background-color: #737373;
    border-color: #737373;
    color: #000;
    pointer-events: none;
    cursor: default
}

.btn_block {
    width: 100%
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}



.visually-hidden:not(:focus):not(:active),
input[type=checkbox].visually-hidden,
input[type=radio].visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}


.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}


.slides__inner {
    min-height: calc(100vh - 55px)
}

@media(min-width: 768px) {
    .slides__inner {
        min-height: calc(100vh - 81px)
    }
}

@media(max-width: 1199.98px) {
    .slides__item_first {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: calc(100vh - 55px)
    }
    .slides__item_first:after {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../img/first-bg.webp")
    }
    .slides__item_first .slides__media {
        display: none
    }
    .slides__item_first .slides__card-head_mob {
        padding-bottom: 0
    }
    .slides__item_first .slides__title {
        border-radius: 2px 2px 0 0;
        background-color: #1b1b1b;
        padding: 16px 16px 14px
    }
    .slides__item_first .slides__card-body {
        border-radius: 0 0 2px 2px;
        background-color: #1b1b1b;
        padding: 0 16px 16px
    }
}

@media(max-width: 1199.98px) {
    .slides__item_style {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: calc(100vh - 55px)
    }
    .slides__item_style .slides__media {
        display: none
    }
}

.slides__item_last {
    position: relative;
    min-height: calc(100vh - 55px);
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1200px) {
    .slides__item_last {
        min-height: calc(100vh - 80px)
    }
}

.slides__item:not(.active) {
    display: none
}

@media(min-width: 1200px) {
    .slides__item-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: var(--height-slide)
    }
}

.slides__media {
    padding: 0 16px 16px
}

@media(min-width: 1200px) {
    .slides__media {
        padding: 0;
        width: 100%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden
    }
}

.slides__media-box {
    width: 100%;
    position: relative
}

@media(max-width: 1199.98px) {
    .slides__media-box {
        height: 0;
        padding-top: 56.25%
    }
}

@media(min-width: 1200px) {
    .slides__media-box {
        height: calc(100vh - 81px);
        width: 100%
    }
    .slides__media-box_cover {
        height: 100%;
        width: 100%
    }
}

.slides__media-box-inner img[src="#"] {
    display: none
}

@media(max-width: 1199.98px) {
    .slides__media-box-inner {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
    }
    .slides__media-box-inner img {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        top: 0;
        left: 0
    }
}

@media(min-width: 1200px) {
    .slides__media-box-inner {
        width: 100%;
        height: 100%;
        position: relative
    }
    .slides__media-box-inner img {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }
}

.slides__title {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0
}

@media(min-width: 1200px) {
    .slides__title {
        color: #8d8d8d;
        font-size: 18px
    }
}

.slides__card {
    padding: 0 16px 20px
}

@media(min-width: 1200px) {
    .slides__card {
        width: 100%;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        max-width: 400px
    }
}

@media(min-width: 1400px) {
    .slides__card {
        width: 100%;
        -ms-flex: 0 0 510px;
        flex: 0 0 510px;
        max-width: 510px;
        padding: 0 60px 0;
		max-height: calc(100vh - 81px);
    	overflow-y: scroll;
    }
	

.slides__card:-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #171717;
}

.slides__card::-webkit-scrollbar{
    width: 10px;
    background-color: #171717;
}

.slides__card ::-webkit-scrollbar-thumb{
    background-color: #171717;
    border: 2px solid #171717;
}	
	
}

.slides__card-head {
    padding: 10px 16px 14px
}

@media(min-width: 1200px) {
    .slides__card-head {
        padding: 16px 16px 20px;
        margin-left: -16px;
        margin-right: -16px;
        border-bottom: 1px solid #313131;
        background-color: #1b1b1b;
        box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, .25)
    }
}

@media(min-width: 1400px) {
    .slides__card-head {
        margin-left: -60px;
        margin-right: -60px;
        padding-left: 60px;
        padding-right: 60px
    }
}

@media(min-width: 1200px) {
    .slides__card-head_mob {
        display: none
    }
}

@media(max-width: 1199.98px) {
    .slides__card-head_desk {
        display: none
    }
}

@media(min-width: 1200px) {
    .slides__card-body {
        overflow-x: hidden;
        overflow-y: auto;
        height: var(--height-this-body)
    }
    .slides__card-body_padding {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.slides__nav-dot {
    cursor: pointer;
    position: absolute;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    transition: all .3s
}

.slides__nav-dot.active {
    background-color: #ee8a4b;
    color: #fff
}

body.scrolled .slides__media-box-inner {
    position: fixed;
    left: 16px;
    top: 0;
    z-index: 10
}

.pdf-mob-image {
    display: block;
    position: relative;
    max-width: calc(100% + 16px);
    width: calc(100% + 16px);
    height: auto
}

@media(min-width: 450px) {
    .pdf-mob-image {
        max-width: 600px;
        width: 100%
    }
}

.step {
    margin-bottom: 24px
}

.step__title {
    color: #8d8d8d;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

@media(min-width: 1200px) {
    .step__title {
        color: #fff;
        font-size: 22px;    
    }
}

.step__num {
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.33;
    margin-bottom: 4px
}

.step__dot {
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

.step__dot i {
    display: block;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, .1);
    height: 6px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.step__dot i.active {
    background-color: #ee8a4b
}

.collapse {
    padding: 24px 0 24px;
    border-bottom: 1px solid #313131
}

.collapse__button {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    padding-right: 26px;
    position: relative;
    cursor: pointer
}

.collapse__button i {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px
}

.collapse__button i:after,
.collapse__button i:before {
    position: absolute;
    content: " ";
    width: 15px;
    height: 1px;
    background-color: #fff;
    left: 5px;
    top: 50%;
    margin-top: -0.5px;
    transition: all .3s
}

.collapse__button:not(.opened) i:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.collapse__content {
    padding-top: 17px;

}

.collapse__content {
    display: none; /* Початково приховано */
    transition: all 0.3s ease; /* Анімація */
}

.collapse.opened  .collapse__content {
    display: block; /* Показуємо контент при відкритті */
}




.bottom-nav {
    position: relative;
    z-index: 3;
    border: 1px solid rgba(57, 57, 57, .1);
    background-color: #1b1b1b;
    box-shadow: 0px -2px 17.6px 0px rgba(38, 37, 37, .25)
}

.bottom-nav__inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
    gap: 20px
}

@media(min-width: 1200px) {
    .bottom-nav__inner {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.bottom-nav__inner_gap0 {
    gap: 0
}

.bottom-nav__col {
    padding: 0 16px
}

@media(min-width: 1400px) {
    .bottom-nav__col {
        padding: 0 60px
    }
}

@media(min-width: 1200px) {
    .bottom-nav__col:last-child {
        width: 100%;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        max-width: 400px
    }
}

@media(min-width: 1400px) {
    .bottom-nav__col:last-child {
        width: 100%;
        -ms-flex: 0 0 510px;
        flex: 0 0 510px;
        max-width: 510px
    }
}

.bottom-nav__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 8px;
    grid-row-gap: 8px
}

.bottom-nav__buttons_one-button {
    grid-template-columns: 1fr
}

.bottom-nav__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    font-weight: 500;
    line-height: 130%
}

@media(min-width: 1200px) {
    .bottom-nav__info {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 4px
    }
}

.bottom-nav__info-name {
    color: #8d8d8d;
    font-size: 13px
}

.bottom-nav__info-val {
    color: #fff;
    font-size: 16px
}

.bottom-nav__info-val span {
    display: inline-block;
    padding-right: 7px
}

.num {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 118px;
    height: 40px
}

.num__btn {
    position: relative;
    outline: none !important;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    background: none;
    -webkit-appearance: none;
    -webkit-transform: translateZ(0px);
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 40px;
    height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all .3s;
    border-radius: 2px;
    border: 1px solid #313131;
    background-color: #333
}

.num__btn:after {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 250;
    line-height: 1
}

.num__btn:hover {
    opacity: .7
}

.num__btn_minus:after {
    content: "-";
    font-size: 24px
}

.num__btn_plus:after {
    content: "+"
}

.num__input {
    width: 38px;
    height: 40px;
    padding: 6px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.num .invalid-feedback {
    display: none !important
}

.rooms__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 25px;
    padding-bottom: 29px;
    margin-bottom: 24px
}

.rooms__row:first-child {
    margin-bottom: 10px;
    padding-bottom: 0
}

.rooms__row:not(:first-child) {
    border-bottom: 1px solid #313131
}

.rooms__col {
    position: relative;
    width: 100%
}

.rooms__col:first-child {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.rooms__col:nth-child(2) {
    width: 118px;
    min-width: 118px
}

.rooms__col:nth-child(3) {
    width: 84px;
    min-width: 84px
}

.rooms__col_inputs[data-active-room="1"] .rooms__area:nth-child(2),
.rooms__col_inputs[data-active-room="1"] .rooms__area:nth-child(3),
.rooms__col_inputs[data-active-room="1"] .rooms__area:nth-child(4),
.rooms__col_inputs[data-active-room="1"] .rooms__area:nth-child(5),
.rooms__col_inputs[data-active-room="1"] .rooms__area:nth-child(6) {
    display: none
}

.rooms__col_inputs[data-active-room="2"] .rooms__area:nth-child(3),
.rooms__col_inputs[data-active-room="2"] .rooms__area:nth-child(4),
.rooms__col_inputs[data-active-room="2"] .rooms__area:nth-child(5),
.rooms__col_inputs[data-active-room="2"] .rooms__area:nth-child(6) {
    display: none
}

.rooms__col_inputs[data-active-room="3"] .rooms__area:nth-child(4),
.rooms__col_inputs[data-active-room="3"] .rooms__area:nth-child(5),
.rooms__col_inputs[data-active-room="3"] .rooms__area:nth-child(6) {
    display: none
}

.rooms__col_inputs[data-active-room="4"] .rooms__area:nth-child(5),
.rooms__col_inputs[data-active-room="4"] .rooms__area:nth-child(6) {
    display: none
}

.rooms__col_inputs[data-active-room="5"] .rooms__area:nth-child(6) {
    display: none
}

.rooms__col-name {
    display: block;
    color: #393939;
    font-size: 13px;
    font-weight: 400;
    line-height: 130%
}

.rooms__col-name_pl {
    padding-left: 7px
}

.rooms__name {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}

.rooms__area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.rooms__area+.rooms__area {
    padding-top: 14px
}

.rooms__area .d-flex {
    align-items: center;
}

.rooms__area .form-control {
    border-radius: 2px;
    border: 1px solid #313131;
    background-color: rgba(0, 0, 0, 0);
    width: 58px;
    height: 40px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center
}

.rooms__area span {
    display: inline-block;
    padding-left: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%
}

@-webkit-keyframes opacity {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 0
    }
}

@keyframes opacity {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 0
    }
}