.calculator-doors-wrapper {
display: block;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
width: 1107px;
}
.calculator-doors {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
margin: -30px -15px 0px -15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-wrapper {
display: inline-block;
vertical-align: top;
margin: 30px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
width: 560px;
flex-shrink: 0;
}
.calculator-doors__thumbnail {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
background: #fff;
border: 1px solid #efedeb;
}
.calculator-doors__thumbnail.calculator-doors__thumbnail_sticky {
position: sticky;
position: -webkit-sticky;
top: calc(59px + 1px + 20px);
}
.calculator-doors__thumbnail-image {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
margin: 0px 0px 0px 0px;
padding: 30px 30px 0px 30px;
position: relative;
width: 100%;
height: 353px;
}
.calculator-doors__thumbnail-image .loading-overlay {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
z-index: 10;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.calculator-doors__thumbnail_loading .calculator-doors__thumbnail-image .loading-overlay {
visibility: visible;
opacity: 1;
}
.calculator-doors__thumbnail-image-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-image-inner a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
text-decoration: none;
}
.calculator-doors__thumbnail-image-inner img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
.calculator-doors__thumbnail-cost {
display: block;
margin: 0px 0px 0px 0px;
padding: 20px 30px 30px 30px;
position: relative;
}
.calculator-doors__thumbnail-cost-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-cost:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
z-index: 10;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.calculator-doors__thumbnail_loading .calculator-doors__thumbnail-cost:after {
visibility: visible;
opacity: 1;
}
.calculator-doors__thumbnail-price-items-wrapper {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-price-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -20px 0px -20px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-price-item {
display: inline-block;
vertical-align: top;
margin: 20px 20px 0px 20px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-price-item.calculator-doors__thumbnail-price-item_hidden {
display: none;
}
.calculator-doors__thumbnail-price-item-label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
}
.calculator-doors__thumbnail-price-item_new .calculator-doors__thumbnail-price-item-label {
font-weight: 500;
}
.calculator-doors__thumbnail-price-item-number {
display: block;
margin: 3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 28px;
line-height: 32px;
font-weight: 700;
}
.calculator-doors__thumbnail-price-item_old .calculator-doors__thumbnail-price-item-number {
color: #cfc7c0;
}
.calculator-doors__thumbnail-price-item_old .calculator-doors__thumbnail-price-item-number-num {
text-decoration: line-through;
}
.calculator-doors__thumbnail-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
flex-shrink: 0;
}
.calculator-doors__thumbnail-btn-wrapper .btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-top: 0px;
padding-bottom: 0px;
}

/*----- Шаги калькулятора -----*/
.calculator-doors__steps-wrapper {
display: inline-block;
vertical-align: top;
margin: 30px 15px 0px 15px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc((100% - (15px * 2)) - 560px - (15px * 2));
min-width: 518px;
flex-shrink: 0;
}
.calculator-doors__steps {
display: block;
margin: -30px -15px 0px -15px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step {
display: block;
margin: 30px 15px 0px 15px;
padding: 30px 30px 30px 30px;
position: relative;
background: #f5f5f5;
}
.calculator-section .calculator-doors__step[data-step="4"]:has(.calculator-doors__step-checkboxes-wrapper:last-child) {
padding-bottom: calc(30px - 4px);
}
.calculator-doors__step-title {
display: block;
margin: -4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
.calculator-doors__step-title-text_red {
color: #c61529;
}
.calculator-doors__step .loading-overlay {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
opacity: 0;
visibility: hidden;
z-index: 10;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.calculator-doors__step.calculator-doors__step_loading .loading-overlay {
visibility: visible;
opacity: 1;
}

/*----- Комплектация -----*/
.calculator-doors__step-types-items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-types-items-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-types-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-types-item {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 5px 15px 5px;
position: relative;
width: calc(33.3333% - (10px * 2));
min-height: 126px;
background: #fff;
border: 1px solid #e9e8e7;
border-radius: 4px;
text-align: center;
}
.calculator-doors__step-types-item:not(.calculator-doors__step-types-item_active) {
cursor: pointer;
}
.calculator-doors__step-types-item:not(.calculator-doors__step-types-item_active):hover, 
.calculator-doors__step-types-item:not(.calculator-doors__step-types-item_active):active {
background: #c7152a;
border-color: #c7152a;
color: #fff;
}
.calculator-doors__step-types-item.calculator-doors__step-types-item_active {
background: #1bba1c;
border-color: #1bba1c;
color: #fff;
}
.calculator-doors__step-types-item-img {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: calc(82px - 62px) 0px 0px 0px;
position: relative;
height: 82px;
z-index: 1;
}
.calculator-doors__step-types-item-img-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-types-item-img-inner img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.calculator-doors__step-types-item-img-inner > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.calculator-doors__step-types-item[data-tpl="sekczionnye"] .calculator-doors__step-types-item-img-inner > i {
width: 94px;
height: 60px;
background-image: url(../images/products/gates/icon-tpl-sekczionnye.png);
}
.calculator-doors__step-types-item[data-tpl="sekczionnye"]:hover .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="sekczionnye"]:active .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="sekczionnye"].calculator-doors__step-types-item_active .calculator-doors__step-types-item-img-inner > i {
background-image: url(../images/products/gates/icon-tpl-sekczionnye-hover.png);
}
.calculator-doors__step-types-item[data-tpl="otkatnye"] .calculator-doors__step-types-item-img-inner > i {
width: 106px;
height: 53px;
background-image: url(../images/products/gates/icon-tpl-otkatnye.png);
}
.calculator-doors__step-types-item[data-tpl="otkatnye"]:hover .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="otkatnye"]:active .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="otkatnye"].calculator-doors__step-types-item_active .calculator-doors__step-types-item-img-inner > i {
background-image: url(../images/products/gates/icon-tpl-otkatnye-hover.png);
}
.calculator-doors__step-types-item[data-tpl="raspashnye"] .calculator-doors__step-types-item-img-inner > i {
width: 109px;
height: 53px;
background-image: url(../images/products/gates/icon-tpl-raspashnye.png);
}
.calculator-doors__step-types-item[data-tpl="raspashnye"]:hover .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="raspashnye"]:active .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="raspashnye"].calculator-doors__step-types-item_active .calculator-doors__step-types-item-img-inner > i {
background-image: url(../images/products/gates/icon-tpl-raspashnye-hover.png);
}
.calculator-doors__step-types-item[data-tpl="rolletnye"] .calculator-doors__step-types-item-img-inner > i {
width: 94px;
height: 62px;
background-image: url(../images/products/gates/icon-tpl-rolletnye.png);
}
.calculator-doors__step-types-item[data-tpl="rolletnye"]:hover .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="rolletnye"]:active .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="rolletnye"].calculator-doors__step-types-item_active .calculator-doors__step-types-item-img-inner > i {
background-image: url(../images/products/gates/icon-tpl-rolletnye-hover.png);
}
.calculator-doors__step-types-item[data-tpl="protivopozharnye"] .calculator-doors__step-types-item-img-inner > i {
width: 94px;
height: 62px;
background-image: url(../images/products/gates/icon-tpl-protivopozharnye.png);
}
.calculator-doors__step-types-item[data-tpl="protivopozharnye"]:hover .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="protivopozharnye"]:active .calculator-doors__step-types-item-img-inner > i, 
.calculator-doors__step-types-item[data-tpl="protivopozharnye"].calculator-doors__step-types-item_active .calculator-doors__step-types-item-img-inner > i {
background-image: url(../images/products/gates/icon-tpl-protivopozharnye-hover.png);
}
.calculator-doors__step-types-item-title {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 500;
z-index: 1;
}
a.calculator-doors__step-types-item-link {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-decoration: none;
font-size: 0px;
line-height: 0px;
color: inherit;
z-index: 10;
}
a.calculator-doors__step-types-item-link:hover {
text-decoration: none;
}

/*----- Поля ввода -----*/
.calculator-doors__step-fields-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-fields-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-fields {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-field {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - (10px * 2));
}
.calculator-doors__step-field[data-field="width"], 
.calculator-doors__step-field[data-field="height"] {
width: calc(50% - (10px * 2));
}
.calculator-doors__step-field-label {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-field-label-title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.calculator-doors__step-field-label-notice {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
top: -1px;
margin-left: 6px;
}
.calculator-doors__step-field-label-notice-icon {
display: block;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
position: relative;
width: 21px;
height: 21px;
font-size: 12px;
line-height: 20px;
font-weight: 700;
color: #000;
text-align: center;
background: #fff;
border-radius: 50%;
cursor: pointer;
transition: all 250ms linear;
}
.calculator-doors__step-field-label-notice-icon:hover, 
.calculator-doors__step-field-label-notice-icon:active, 
.calculator-doors__step-field-label-notice-icon.calculator-doors__step-field-label-notice-icon_active {
color: #000;
background: #fff;
}
.calculator-doors__step-field-label-notice-text {
display: none;
}
.calculator-doors__step-field-input-wrapper {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-field-input-wrapper:first-child {
margin-top: 0px;
}
.calculator-doors__step-field-input-wrapper input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 100%;
height: 40px;
border: none;
outline: none;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #000;
text-align: left;
background: #fff;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
z-index: 1;
}
.calculator-doors__step-field-input-wrapper input.calculator-doors__step-field-input_error {
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 0 0 0 2px #f88493 !important;
}
.calculator-doors__step-field-input-wrapper input[type='number']::-webkit-input-placeholder, 
.calculator-doors__step-field-input-wrapper input[type='number']::-moz-placeholder, 
.calculator-doors__step-field-input-wrapper input[type='number']:-moz-placeholder, 
.calculator-doors__step-field-input-wrapper input[type='number']:-ms-input-placeholder {
color: #5d5854;
}
.calculator-doors__step-field-input-wrapper input[type='number']::-webkit-input-placeholder {
color: #5d5854;
}
.calculator-doors__step-field-input-wrapper input[type='number']:focus::-webkit-input-placeholder, 
.calculator-doors__step-field-input-wrapper input[type='number']:focus::-moz-placeholder, 
.calculator-doors__step-field-input-wrapper input[type='number']:focus:-moz-placeholder, 
.calculator-doors__step-field-input-wrapper input[type='number']:focus:-ms-input-placeholder {
color: transparent;
}
.calculator-doors__step-field-input-wrapper input[type='number']::-webkit-inner-spin-button, 
.calculator-doors__step-field-input-wrapper input[type='number']::-webkit-outer-spin-button { 
-webkit-appearance: none;
margin: 0;
}
.calculator-doors__step-field-notice-wrapper {
display: none;
}

/*----- Отделка -----*/
.calculator-doors__step-facing-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-facing-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-selects-wrapper + .calculator-doors__step-facing-wrapper {
margin-top: 15px;
}
.calculator-doors__step-facing {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: -15px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-options-wrapper {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - (10px * 2));
}
.calculator-doors__step-facing-options {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-option {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - (10px * 2));
}
.calculator-section[data-tpl="rolletnye"] .calculator-doors__step-facing-option {
width: calc(50% - (10px * 2));
}
.calculator-doors__step-facing-option.calculator-doors__step-facing-option_hidden {
display: none;
}
.calculator-doors__step-facing-option-label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-option-label-title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.calculator-doors__step-facing-option-select-wrapper {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-option-select-wrapper:first-child {
margin-top: 0px;
}
.calculator-doors__step-facing-option-select {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
padding-right: calc(15px + 18px + 15px);
position: relative;
height: 48px;
border-radius: 4px;
background: #e1e1e1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
}
.calculator-doors__step-facing-option-select.calculator-doors__step-facing-option-select_dark {
color: #fff;
}
.calculator-doors__step-facing-option-select:hover, 
.calculator-doors__step-facing-option-select:active {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.calculator-doors__step-facing-option-select-label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 400;
cursor: pointer;
}
.calculator-doors__step-facing-option-select-arrow {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (18px / 2));
right: 15px;
width: 18px;
height: 18px;
background: #fff;
border-radius: 50%;
}
.calculator-doors__step-facing-option-select-arrow:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (6px / 2));
left: calc(50% - (10px / 2));
width: 10px;
height: 6px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/icon-doors-param-item-arrow.png);
}

/*----- Чекбоксы -----*/
.calculator-doors__step-checkboxes-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-checkboxes-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-checkboxes {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-option .calculator-doors__step-checkboxes {
margin-top: -15px;
}
.calculator-doors__step-checkbox {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - (10px * 2));
}
.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-checkbox {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-checkbox {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="protivopozharnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-checkbox {
width: calc(50% - (10px * 2));
}
.calculator-doors__step-facing-option .calculator-doors__step-checkbox {
margin-top: 15px;
}
.calculator-doors__step-checkbox-inner-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-checkbox-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled) {
cursor: pointer;
}
.calculator-doors__step-checkbox-box-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
flex-shrink: 0;
}
.calculator-doors__step-checkbox-box {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 25px;
height: 25px;
border: none;
outline: none;
background: #fff;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled) .calculator-doors__step-checkbox-box {
cursor: pointer;
}
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled):hover .calculator-doors__step-checkbox-box, 
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled):active .calculator-doors__step-checkbox-box {
background: rgba(199, 21, 42, 0.2);
}
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled).calculator-doors__step-checkbox-inner_active .calculator-doors__step-checkbox-box {
background: #c7152a !important;
}
.calculator-doors__step-checkbox-box:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (10px / 2) - 1px);
left: calc(50% - (14px / 2));
width: 14px;
height: 10px;
visibility: hidden;
opacity: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/icon-filter-checkbox-checked.png);
}
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled):hover .calculator-doors__step-checkbox-box:after, 
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled):active .calculator-doors__step-checkbox-box:after {
visibility: visible;
opacity: 1;
}
.calculator-doors__step-checkbox-inner:not(.calculator-doors__step-checkbox-inner_disabled).calculator-doors__step-checkbox-inner_active .calculator-doors__step-checkbox-box:after {
visibility: visible;
opacity: 1;
}
.calculator-doors__step-checkbox-box-wrapper input[type="checkbox"] {
display: none;
}
.calculator-doors__step-checkbox-label-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-checkbox-box-wrapper + .calculator-doors__step-checkbox-label-wrapper {
margin-left: 12px;
}
.calculator-doors__step-checkbox-label {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
color: #5d5854;
}
.calculator-doors__step-checkbox-inner.calculator-doors__step-checkbox-inner_disabled .calculator-doors__step-checkbox-label {
color: #aea7a2;
}
.calculator-doors__step-checkbox-label-wrapper_inline .calculator-doors__step-checkbox-label {
margin-right: 4px;
}
.calculator-doors__step-checkbox-price {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
font-size: 13px;
line-height: 20px;
color: #aea7a2;
}
.calculator-doors__step-checkbox-label-wrapper_inline .calculator-doors__step-checkbox-price {
width: auto;
}

/*----- Выпадающий список -----*/
.calculator-doors__step-selects-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-selects-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-facing-wrapper + .calculator-doors__step-selects-wrapper {
margin-top: 15px;
}
.calculator-doors__step-selects {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -15px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% - (10px * 2));
}
.calculator-section[data-tpl="sekczionnye"][data-filling_type="sekczionnye"] .calculator-doors__step-select[data-field-filling_type="raspashnye"], 
.calculator-section[data-tpl="sekczionnye"][data-filling_type="sekczionnye"] .calculator-doors__step-checkboxes-wrapper[data-field-filling_type="raspashnye"] {
display: none;
}
.calculator-section[data-tpl="sekczionnye"][data-filling_type="raspashnye"] .calculator-doors__step-select[data-field-filling_type="sekczionnye"], 
.calculator-section[data-tpl="sekczionnye"][data-filling_type="raspashnye"] .calculator-doors__step-checkboxes-wrapper[data-field-filling_type="sekczionnye"] {
display: none;
}
.calculator-section[data-tpl="raspashnye"][data-variety="vezdnie"] .calculator-doors__step-select[data-field-variety="garazhnye"], 
.calculator-section[data-tpl="raspashnye"][data-variety="vezdnie"] .calculator-doors__step-checkboxes-wrapper[data-field-variety="garazhnye"] {
display: none;
}
.calculator-section[data-tpl="raspashnye"][data-variety="garazhnye"] .calculator-doors__step-select[data-field-variety="vezdnie"], 
.calculator-section[data-tpl="raspashnye"][data-variety="garazhnye"] .calculator-doors__step-checkboxes-wrapper[data-field-variety="vezdnie"] {
display: none;
}
.calculator-section[data-tpl="otkatnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select, 
.calculator-section[data-tpl="otkatnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-select {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="filling"], 
.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="facing"] {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-select {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="sheathing"], 
.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="groundwork"], 
.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="filling"], 
.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="facing"] {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-select {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="rolletnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="mounting_type"], 
.calculator-section[data-tpl="rolletnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="box_type"] {
width: calc(50% - (10px * 2));
}
.calculator-section[data-tpl="rolletnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="mounting_type"], 
.calculator-section[data-tpl="protivopozharnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select {
width: calc(50% - (10px * 2));
}
.calculator-doors__step-select-label {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select-label-title {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.calculator-doors__step-select-box-wrapper {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select-box-wrapper:first-child {
margin-top: 0px;
}
.calculator-doors__step-select-box-selected {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 2px 15px 0px 15px;
position: relative;
width: 100%;
height: 40px;
border: none;
outline: none;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 14px;
font-weight: 400;
color: #000;
background: #fff;
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
z-index: 1;
cursor: pointer;
}
.calculator-doors__step-select-box_disabled .calculator-doors__step-select-box-selected {
cursor: default;
}
.calculator-doors__step-select-box-selected:after {
content: "";
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 12px;
height: 8px;
position: absolute;
top: 50%;
right: 15px;
margin-top: -4px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/icon-calc-select-arrow-black.png);
transform: rotate(0deg);
transform-origin: 50% 50%;
transition: transform 250ms ease-in-out;
}
.calculator-doors__step-select-box_open .calculator-doors__step-select-box-selected:after {
transform: rotate(-180deg);
}
.calculator-doors__step-select-box-selected > span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 22px;
}
.calculator-doors__step-select-box_disabled .calculator-doors__step-select-box-selected > span, 
.calculator-doors__step-select-box_disabled .calculator-doors__step-select-box-selected:after {
opacity: 0.3;
}
.calculator-doors__step-select-box-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(40px + 20px);
left: 0px;
min-width: 100%;
background: #f0eeec;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.11);
z-index: 10;
max-height: calc(35px * 8);
overflow-y: auto;
visibility: hidden;
opacity: 0;
transition: visibility 260ms ease-in-out, opacity 250ms ease-in-out, top 250ms ease-in-out;
}
.calculator-doors__step-select-box-items-wrapper::-webkit-scrollbar-track {
background-color: #e6e3df;
}
.calculator-doors__step-select-box-items-wrapper::-webkit-scrollbar {
width: 4px;
background-color: #f0eeec;
}
.calculator-doors__step-select-box-items-wrapper::-webkit-scrollbar-thumb {
background-color: #fc0;
}
.calculator-doors__step-select-box_open .calculator-doors__step-select-box-items-wrapper {
visibility: visible;
opacity: 1;
top: 40px;
}
.calculator-doors__step-select-box-items-search-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #dedcda;
}
.calculator-doors__step-select-box-items-search {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select-box-items-search input {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
position: relative;
width: 100%;
height: 35px;
border: none;
outline: none;
text-align: left;
font-family: 'Roboto', sans-serif;
font-size: 13px;
line-height: 13px;
font-weight: 400;
color: #000;
background: #f8f8f8;
box-shadow: none;
box-sizing: border-box;
z-index: 1;
}
.calculator-doors__step-select-box-items-search input.calculator-doors__step-select-box-items-search-input_error {
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15), 0 0 0 2px #f88493 !important;
}
.calculator-doors__step-select-box-items-search input[type='text']::-webkit-input-placeholder, 
.calculator-doors__step-select-box-items-search input[type='text']::-moz-placeholder, 
.calculator-doors__step-select-box-items-search input[type='text']:-moz-placeholder, 
.calculator-doors__step-select-box-items-search input[type='text']:-ms-input-placeholder {
color: #5d5854;
}
.calculator-doors__step-select-box-items-search input[type='text']::-webkit-input-placeholder {
color: #5d5854;
}
.calculator-doors__step-select-box-items-search input[type='text']:focus::-webkit-input-placeholder, 
.calculator-doors__step-select-box-items-search input[type='text']:focus::-moz-placeholder, 
.calculator-doors__step-select-box-items-search input[type='text']:focus:-moz-placeholder, 
.calculator-doors__step-select-box-items-search input[type='text']:focus:-ms-input-placeholder {
color: transparent;
}
.calculator-doors__step-select-box-items {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.calculator-doors__step-select-box-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 8px 15px 7px 15px;
color: #5d5854;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.calculator-doors__step-select-box-item:not(.calculator-doors__step-select-box-item_disabled).calculator-doors__step-select-box-item_selected, 
.calculator-doors__step-select-box-item:not(.calculator-doors__step-select-box-item_disabled):hover, 
.calculator-doors__step-select-box-item:not(.calculator-doors__step-select-box-item_disabled):active {
background: #f7f6f5;
}
.calculator-doors__step-select-box-item.calculator-doors__step-select-box-item_disabled {
opacity: 0.5;
cursor: default;
}
.calculator-doors__step-select-box-item.calculator-doors__step-select-box-item_hidden {
display: none;
}
.calculator-doors__step-select-box-item-label {
display: -webkit-box;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 0px;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.calculator-doors__step-select-box-item-label:not(:has(+ .calculator-doors__step-select-box-item-price)) {
display: block;
padding-right: 0px;
flex-shrink: 0;
white-space: nowrap;
}
.calculator-doors__step-select-box-item-price {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
flex-shrink: 0;
overflow-wrap: normal;
word-wrap: normal;
word-break: keep-all;
line-break: auto;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
white-space: nowrap;
}

/*----- Выпадающий список (рисунки) -----*/
.calculator-doors__step-select-pictures-items-wrapper {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select-pictures-items-wrapper:first-child {
margin-top: 0px;
}
.calculator-doors__step-select-pictures-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select-pictures-item {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 5px 10px 5px;
position: relative;
width: calc(25% - (10px * 2));
min-height: 110px;
background: #fff;
border: 1px solid #e9e8e7;
border-radius: 4px;
text-align: center;
}
.calculator-doors__step-select-pictures-item:not(.calculator-doors__step-select-pictures-item_active) {
cursor: pointer;
}
.calculator-doors__step-select-pictures-item:not(.calculator-doors__step-select-pictures-item_active):hover, 
.calculator-doors__step-select-pictures-item:not(.calculator-doors__step-select-pictures-item_active):active {
background: #c7152a;
border-color: #c7152a;
color: #fff;
}
.calculator-doors__step-select-pictures-item.calculator-doors__step-select-pictures-item_active {
background: #1bba1c;
border-color: #1bba1c;
color: #fff;
}
.calculator-doors__step-select-pictures-item-img {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: calc(70px - 56px) 0px 0px 0px;
position: relative;
height: 70px;
z-index: 1;
}
.calculator-doors__step-select-pictures-item-img-inner {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-select-pictures-item-img-inner img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.calculator-doors__step-select-pictures-item-img-inner > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-position: 0px 0px;
background-repeat: no-repeat;
}
.calculator-doors__step-select-pictures-item[data-code="volna"] .calculator-doors__step-select-pictures-item-img-inner > i {
width: 70px;
height: 56px;
background-image: url(../images/products/gates/icon-sekczionnye-pictures-volna.png);
}
.calculator-doors__step-select-pictures-item[data-code="volna"]:hover .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="volna"]:active .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="volna"].calculator-doors__step-select-pictures-item_active .calculator-doors__step-select-pictures-item-img-inner > i {
background-image: url(../images/products/gates/icon-sekczionnye-pictures-volna-hover.png);
}
.calculator-doors__step-select-pictures-item[data-code="doska"] .calculator-doors__step-select-pictures-item-img-inner > i {
width: 70px;
height: 56px;
background-image: url(../images/products/gates/icon-sekczionnye-pictures-doska.png);
}
.calculator-doors__step-select-pictures-item[data-code="doska"]:hover .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="doska"]:active .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="doska"].calculator-doors__step-select-pictures-item_active .calculator-doors__step-select-pictures-item-img-inner > i {
background-image: url(../images/products/gates/icon-sekczionnye-pictures-doska-hover.png);
}
.calculator-doors__step-select-pictures-item[data-code="polosa"] .calculator-doors__step-select-pictures-item-img-inner > i {
width: 70px;
height: 56px;
background-image: url(../images/products/gates/icon-sekczionnye-pictures-polosa.png);
}
.calculator-doors__step-select-pictures-item[data-code="polosa"]:hover .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="polosa"]:active .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="polosa"].calculator-doors__step-select-pictures-item_active .calculator-doors__step-select-pictures-item-img-inner > i {
background-image: url(../images/products/gates/icon-sekczionnye-pictures-polosa-hover.png);
}
.calculator-doors__step-select-pictures-item[data-code="filenka"] .calculator-doors__step-select-pictures-item-img-inner > i {
width: 70px;
height: 56px;
background-image: url(../images/products/gates/icon-sekczionnye-pictures-filenka.png);
}
.calculator-doors__step-select-pictures-item[data-code="filenka"]:hover .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="filenka"]:active .calculator-doors__step-select-pictures-item-img-inner > i, 
.calculator-doors__step-select-pictures-item[data-code="filenka"].calculator-doors__step-select-pictures-item_active .calculator-doors__step-select-pictures-item-img-inner > i {
background-image: url(../images/products/gates/icon-sekczionnye-pictures-filenka-hover.png);
}
.calculator-doors__step-select-pictures-item-title {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
font-weight: 500;
z-index: 1;
}

/*----- Остальное -----*/
.calculator-doors__step-zamer-wrapper {
display: block; 
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-zamer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-zamer-txt-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 16px;
line-height: 22px;
}
.calculator-doors__step-zamer-btn-wrapper {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
flex-shrink: 0;
}
.calculator-doors__step-zamer-btn-wrapper .btn-yellow {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-top: 0px;
padding-bottom: 0px;
height: 40px;
}

.calculator-doors__step-delivery-wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-delivery {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc((100% - (10px * 2)) - 140px - (10px * 2));
}
.calculator-doors__step-montazh {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 28px 0px 0px 0px;
position: relative;
width: 140px;
}

.calculator-doors__step-btn-items-wrapper {
display: none;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-btn-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: -10px -5px 0px -5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-btn-item {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}

/*----- Преимущества -----*/
.calculator-doors__features-items-wrapper {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__features-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
margin: -20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__features-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin: 20px 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
text-align: center;
}
.calculator-doors__features-item-icon {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 24px;
}
.calculator-doors__features-item-icon-inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__features-item-icon-inner img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.calculator-doors__features-item-desc {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
font-size: 14px;
line-height: 17px;
}

@media (max-width: 1199px) {
	.calculator-doors-wrapper {
		width: auto;
	}
	.calculator-doors {
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
	.calculator-doors__thumbnail.calculator-doors__thumbnail_sticky {
		position: relative !important;
		top: 0px !important;
	}
	.calculator-doors__thumbnail-image {
		flex-direction: column;
		align-items: center;
	}
	.calculator-doors__thumbnail-image-inner {
		flex-direction: row;
		align-items: unset;
		max-height: 100%;
	}
	.calculator-doors__step-btn-items-wrapper {
		display: block;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	.calculator-doors__thumbnail-wrapper {
		width: 520px;
	}
	.calculator-doors__thumbnail-image {
		height: 324px;
	}
	.calculator-doors__thumbnail-price-item.calculator-doors__thumbnail-price-item_old {
		display: none;
	}
	.calculator-doors__steps-wrapper {
		width: 518px;
		min-width: 0px;
	}
}
@media (max-width: 767px) {
	.calculator-doors__thumbnail-wrapper {
		width: auto;
		flex-shrink: 1;
	}
	.calculator-doors__thumbnail-image {
		height: 312px;
	}
	.calculator-doors__thumbnail-cost-inner {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.calculator-doors__thumbnail-price-items-wrapper {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__thumbnail-btn-wrapper {
		margin-top: 15px;
		top: 0px;
	}
	.calculator-doors__steps-wrapper {
		width: auto;
		min-width: 0px;
		flex-shrink: 1;
	}
	.calculator-doors__step-checkbox-label br {
		display: none;
	}
}
@media (min-width: 500px) and (max-width: 767px) {
	.calculator-doors__features-items {
		margin-left: -10px;
		margin-right: -10px;
	}
	.calculator-doors__features-item {
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (max-width: 499px) {
	.calculator-doors {
		margin-top: -25px;
	}
	.calculator-doors__thumbnail-wrapper {
		margin-top: 25px;
	}
	.calculator-doors__thumbnail-image {
		padding-top: 25px;
		padding-left: 25px;
		padding-right: 25px;
		height: calc((100vw - (25px * 2)) * 0.6);
	}
	.calculator-doors__thumbnail-cost {
		padding-bottom: 25px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.calculator-doors__thumbnail-price-items {
		flex-wrap: wrap;
		margin-top: -10px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.calculator-doors__thumbnail-price-item {
		margin-top: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.calculator-doors__thumbnail-price-item-number {
		font-size: 26px;
		line-height: 30px;
	}
	.calculator-doors__thumbnail-btn-wrapper {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__steps-wrapper {
		margin-top: 25px;
	}
	.calculator-doors__step {
		padding: 25px 25px 25px 25px;
	}
	.calculator-section .calculator-doors__step[data-step="4"]:has(.calculator-doors__step-checkboxes-wrapper:last-child) {
		padding-bottom: calc(25px - 4px);
	}
	.calculator-doors__step-types-items {
		flex-wrap: wrap;
		margin-top: -16px;
		margin-left: -8px;
		margin-right: -8px;
	}
	.calculator-doors__step-types-item {
		width: calc(50% - (8px * 2));
		margin-top: 16px;
		margin-left: 8px;
		margin-right: 8px;
	}
	.calculator-doors__step-field {
		width: calc(100% - (10px * 2)) !important;
	}
	.calculator-doors__step-select-pictures-items {
		margin-top: -16px;
		margin-left: -8px;
		margin-right: -8px;
	}
	.calculator-doors__step-select-pictures-item {
		width: calc(50% - (8px * 2));
		margin-top: 16px;
		margin-left: 8px;
		margin-right: 8px;
	}
	.calculator-section[data-tpl="rolletnye"] .calculator-doors__step-facing-option {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="otkatnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select, 
	.calculator-section[data-tpl="otkatnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-select {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="filling"], 
	.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="facing"] {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-select {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="sheathing"], 
	.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="groundwork"], 
	.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="filling"], 
	.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="facing"] {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-select {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="rolletnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="mounting_type"], 
	.calculator-section[data-tpl="rolletnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="box_type"] {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="rolletnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select[data-field="mounting_type"], 
	.calculator-section[data-tpl="protivopozharnye"] .calculator-doors__step[data-step="3"] .calculator-doors__step-select {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__step-zamer-wrapper {
		margin-top: 15px;
	}
	.calculator-doors__step-zamer {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.calculator-doors__step-zamer-txt-wrapper {
		font-size: 14px;
		line-height: 20px;
	}
	.calculator-doors__step-zamer-btn-wrapper {
		width: 100%;
		margin-top: 10px;
	}
	.calculator-doors__step-zamer-btn-wrapper .btn-yellow {
		width: 100%;
	}
	.calculator-doors__step-checkboxes-wrapper {
		margin-top: 15px;
	}
	.calculator-doors__step-delivery-wrapper + .calculator-doors__step-checkboxes-wrapper {
		margin-top: 10px;
	}
	.calculator-doors__step-checkboxes {
		margin-top: -10px;
	}
	.calculator-doors__step-checkbox {
		margin-top: 10px;
	}
	.calculator-section[data-tpl="sekczionnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-checkbox {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="raspashnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-checkbox {
		width: calc(100% - (10px * 2));
	}
	.calculator-section[data-tpl="protivopozharnye"] .calculator-doors__step[data-step="4"] .calculator-doors__step-checkbox {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__step-checkbox-label {
		line-height: 18px;
	}
	.calculator-doors__step-delivery-wrapper {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.calculator-doors__step-delivery {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__step-montazh {
		width: calc(100% - (10px * 2));
		margin-top: 0px;
		padding-top: 0px;
	}
	.calculator-doors__step-btn-item {
		width: calc(100% - (5px * 2));
	}
	.calculator-doors__step-btn-item .btn-yellow {
		width: 100%;
	}
	.calculator-doors__features-items-wrapper {
		display: none;
		margin-top: 25px;
	}
	.calculator-doors__features-items {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: -10px;
	}
	.calculator-doors__features-item {
		flex-wrap: nowrap;
		align-items: center;
		width: 100%;
		margin-top: 10px;
		padding-left: 0px;
		padding-right: 0px;
		text-align: left;
	}
	.calculator-doors__features-item-icon {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		width: 24px;
	}
	.calculator-doors__features-item-desc {
		margin-top: 0px;
		margin-left: 15px;
		width: calc(100% - 24px - 15px);
	}
	.calculator-doors__features-item-desc br {
		display: none;
	}
}