.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: 524px;
}
.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-doors__step[data-step="1"], 
.calculator-doors__step[data-step="7"] {
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-pickings-items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-pickings-items-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-pickings-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: -20px -10px 0px -10px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-item {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 5px 15px 5px;
position: relative;
width: 100px;
min-height: 150px;
background: #fff;
border: 1px solid #e9e8e7;
border-radius: 4px;
text-align: center;
}
.calculator-doors__step-pickings-item:not(.calculator-doors__step-pickings-item_active) {
cursor: pointer;
}
.calculator-doors__step-pickings-item:not(.calculator-doors__step-pickings-item_active):hover, 
.calculator-doors__step-pickings-item:not(.calculator-doors__step-pickings-item_active):active {
background: #c7152a;
border-color: #c7152a;
color: #fff;
}
.calculator-doors__step-pickings-item.calculator-doors__step-pickings-item_active {
background: #1bba1c;
border-color: #1bba1c;
color: #fff;
}
.calculator-doors__step-pickings-item-img {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 86px;
}
.calculator-doors__step-pickings-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-pickings-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-pickings-item-img-inner > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 47px;
height: 70px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/products/doors/icon-picking.png);
}
.calculator-doors__step-pickings-item:active .calculator-doors__step-pickings-item-img-inner > i, 
.calculator-doors__step-pickings-item:hover .calculator-doors__step-pickings-item-img-inner > i, 
.calculator-doors__step-pickings-item.calculator-doors__step-pickings-item_active .calculator-doors__step-pickings-item-img-inner > i {
background-image: url(../images/products/doors/icon-picking-hover.png);
}
.calculator-doors__step-pickings-item[data-tab="picking-1"] .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"] .calculator-doors__step-pickings-item-img-inner > i:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: -12px;
right: -12px;
width: calc(21px + (5px * 2));
height: calc(22px + (5px * 2));
background-color: #fff;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../images/products/doors/icon-picking-termo.png);
border-radius: 50%;
}
.calculator-doors__step-pickings-item[data-tab="picking-1"]:hover .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-1"]:active .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-1"].calculator-doors__step-pickings-item_active .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"]:hover .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"]:active .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"].calculator-doors__step-pickings-item_active .calculator-doors__step-pickings-item-img-inner > i:before {
background-image: url(../images/products/doors/icon-picking-termo-hover.png);
}
.calculator-doors__step-pickings-item[data-tab="picking-1"]:hover .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-1"]:active .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"]:hover .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"]:active .calculator-doors__step-pickings-item-img-inner > i:before {
background-color: #c7152a;
}
.calculator-doors__step-pickings-item[data-tab="picking-1"].calculator-doors__step-pickings-item_active .calculator-doors__step-pickings-item-img-inner > i:before, 
.calculator-doors__step-pickings-item[data-tab="picking-3"].calculator-doors__step-pickings-item_active .calculator-doors__step-pickings-item-img-inner > i:before {
background-color: #1bba1c;
}
.calculator-doors__step-pickings-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;
}
.calculator-doors__step-pickings-item-stars-items-wrapper {
display: block;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-item-stars-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: -1px -0.5px 0px -0.5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-item-stars-item {
display: inline-block;
vertical-align: top;
margin: 1px 0.5px 0px 0.5px;
padding: 0px 0px 0px 0px;
position: relative;
width: 14px;
height: 12px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(../images/products/doors/icon-picking-star-yellow.png);
}
.calculator-doors__step-pickings-item:not(.calculator-doors__step-pickings-item_active):hover .calculator-doors__step-pickings-item-stars-item, 
.calculator-doors__step-pickings-item:not(.calculator-doors__step-pickings-item_active):active .calculator-doors__step-pickings-item-stars-item, 
.calculator-doors__step-pickings-item.calculator-doors__step-pickings-item_active .calculator-doors__step-pickings-item-stars-item {
background-image: url(../images/products/doors/icon-picking-star-white.png);
}
.calculator-doors__step-pickings-info-tabs-wrapper {
display: block;
margin: 16px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-info-tabs {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-info-tab {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
color: #5d5854;
}
.calculator-doors__step-pickings-info-tab.calculator-doors__step-pickings-info-tab_active {
display: block;
}
.calculator-doors__step-pickings-info-tab > ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-info-tab > ul > li {
display: block;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 20px;
position: relative;
}
.calculator-doors__step-pickings-info-tab > ul > li:first-child {
margin-top: 0px;
}
.calculator-doors__step-pickings-info-tab > ul > li:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 5px;
left: 0px;
width: 8px;
height: 8px;
border: 2px solid #11b812;
border-radius: 50%;
}
.calculator-doors__step-pickings-info-tab > ul > li > span {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-pickings-info-tab > ul > li > span > a {
color: #c7152a;
text-decoration: underline;
}
.calculator-doors__step-pickings-info-tab > ul > li > span > a:hover, 
.calculator-doors__step-pickings-info-tab > ul > li > span > a:active {
color: #e90520;
text-decoration: none;
}
.calculator-doors__step-pickings-options {
display: block;
margin: 0px 0px 0px 0px;
padding: 18px 20px 18px 20px;
position: absolute;
top: -18px;
left: 107px;
width: 90px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 20px 0px rgba(240, 238, 236, 0.55);
visibility: hidden;
opacity: 0;
z-index: 40;
}
.calculator-doors__step-pickings-options.calculator-doors__step-pickings-options_open {
visibility: visible;
opacity: 1;
}
.calculator-doors__step-pickings-options ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.calculator-doors__step-pickings-options ul li {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.calculator-doors__step-pickings-options ul li:first-child {
margin-top: 0px;
}
.calculator-doors__step-pickings-options ul li a {
color: #c7152a;
text-decoration: underline;
}
.calculator-doors__step-pickings-options ul li a:hover, 
.calculator-doors__step-pickings-options ul li a:active {
color: #e90520;
text-decoration: none;
}
.calculator-doors__step-pickings-options ul li.calculator-doors__step-pickings-option_active a, 
.calculator-doors__step-pickings-options ul li.calculator-doors__step-pickings-option_active a:hover, 
.calculator-doors__step-pickings-options ul li.calculator-doors__step-pickings-option_active a:active {
color: #5d5854;
font-weight: 500;
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-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)) - 58px - (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-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-facing-picture-wrapper {
display: inline-block;
vertical-align: top;
margin: 15px 10px 0px 10px;
padding: 0px 0px 0px 0px;
position: relative;
width: 58px;
}
.calculator-doors__step-facing-picture {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-picture-label {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-picture-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-picture-select-wrapper {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-facing-picture-select-wrapper:first-child {
margin-top: 0px;
}
.calculator-doors__step-facing-picture-select {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 58px;
height: 137px;
cursor: pointer;
}
.calculator-doors__step-facing-picture-select.calculator-doors__step-facing-picture-select_disabled {
cursor: default;
}
.calculator-doors__step-facing-picture-select img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-width: 100%;
max-height: 100%;
}
.calculator-doors__step-facing-picture-select-arrow {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (18px / 2));
left: calc(50% - (18px / 2));
width: 18px;
height: 18px;
background: #efedeb;
border-radius: 50%;
}
.calculator-doors__step-facing-picture-select.calculator-doors__step-facing-picture-select_disabled .calculator-doors__step-facing-picture-select-arrow {
display: none;
}
.calculator-doors__step-facing-picture-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-doors__step-facing-option .calculator-doors__step-checkbox {
margin-top: 15px;
}
.calculator-doors__step[data-step="3"] .calculator-doors__step-checkbox[data-field="nalichnik_like_facing"], 
.calculator-doors__step[data-step="3"] .calculator-doors__step-checkbox[data-field="so_skrytymi_petlyami"] {
width: auto;
}
.calculator-doors__step[data-step="7"] .calculator-doors__step-checkbox {
width: calc(33.3333% - (10px * 2));
}
.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[data-field="nalichnik_like_facing"] .calculator-doors__step-checkbox-inner, 
.calculator-doors__step-checkbox[data-field="so_skrytymi_petlyami"] .calculator-doors__step-checkbox-inner, 
.calculator-doors__step-checkbox[data-field="latch"] .calculator-doors__step-checkbox-inner {
align-items: center;
}
.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-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-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-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-colors-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-colors-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-colors {
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-color {
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-color-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-color-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-color-items-wrapper {
display: block;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-color-items-wrapper:first-child {
margin-top: 0px;
}
.calculator-doors__step-color-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-color-item {
display: inline-block;
vertical-align: top;
margin: 10px 5px 0px 5px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-color-item:not(.calculator-doors__step-color-item_active) {
cursor: pointer;
}
.calculator-doors__step-color-item-inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.calculator-doors__step-color-item-inner.calculator-doors__step-color-item-inner_chrome {
background: -moz-linear-gradient(90deg, rgb(204,204,204) 0%, rgb(230,230,230) 100%);
background: -webkit-linear-gradient(90deg, rgb(204,204,204) 0%, rgb(230,230,230) 100%);
background: -ms-linear-gradient(90deg, rgb(204,204,204) 0%, rgb(230,230,230) 100%);
}
.calculator-doors__step-color-item-inner.calculator-doors__step-color-item-inner_gold {
background: -moz-linear-gradient(90deg, rgb(198,164,64) 0%, rgb(220,199,80) 100%);
background: -webkit-linear-gradient(90deg, rgb(198,164,64) 0%, rgb(220,199,80) 100%);
background: -ms-linear-gradient(90deg, rgb(198,164,64) 0%, rgb(220,199,80) 100%);
}
.calculator-doors__step-color-item-inner:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 3px solid #18b900;
border-radius: inherit;
visibility: hidden;
opacity: 0;
z-index: 0;
}
.calculator-doors__step-color-item.calculator-doors__step-color-item_active .calculator-doors__step-color-item-inner:before {
visibility: visible;
opacity: 1;
}
.calculator-doors__step-color-item-inner:after {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(50% - (15px / 2));
left: calc(50% - (21px / 2));
width: 21px;
height: 15px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(../images/products/doors/icon-color-checked-black.png);
visibility: hidden;
opacity: 0;
z-index: 5;
}
.calculator-doors__step-color-item_dark .calculator-doors__step-color-item-inner:after {
background-image: url(../images/products/doors/icon-color-checked-white.png);
}
.calculator-doors__step-color-item:not(.calculator-doors__step-color-item_active):hover .calculator-doors__step-color-item-inner:after, 
.calculator-doors__step-color-item:not(.calculator-doors__step-color-item_active):active .calculator-doors__step-color-item-inner:after, 
.calculator-doors__step-color-item.calculator-doors__step-color-item_active .calculator-doors__step-color-item-inner:after  {
visibility: visible;
opacity: 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: 484px;
	}
	.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: 464px;
	}
	.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[data-step="7"] .calculator-doors__step-checkbox {
		width: calc(50% - (10px * 2));
	}
	.calculator-doors__step-checkbox-label br {
		display: none;
	}
}
@media (min-width: 500px) and (max-width: 767px) {
	.calculator-doors__step-pickings-items {
		margin-top: -10px;
		margin-left: -5px;
		margin-right: -5px;
	}
	.calculator-doors__step-pickings-item {
		width: 110px;
		margin-top: 10px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.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.9);
	}
	.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-doors__step[data-step="1"], 
	.calculator-doors__step[data-step="7"] {
		padding-bottom: calc(25px - 4px);
	}
	.calculator-doors__step-pickings-items {
		flex-wrap: wrap;
		margin-top: -16px;
		margin-left: -8px;
		margin-right: -8px;
	}
	.calculator-doors__step-pickings-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-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-doors__step[data-step="3"] .calculator-doors__step-checkbox[data-field="nalichnik_like_facing"], 
	.calculator-doors__step[data-step="3"] .calculator-doors__step-checkbox[data-field="so_skrytymi_petlyami"] {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__step[data-step="7"] .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;
	}
}