.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: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__thumbnail-image-photo {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 10;
}
.calculator-doors__thumbnail-image-photo 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-image-stvorki-items-wrapper {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 30;
}
.calculator-doors__thumbnail-image[data-thumbnail_structure="razdvizhnye"] .calculator-doors__thumbnail-image-stvorki-items-wrapper {
display: none;
}
.calculator-doors__thumbnail-image-stvorki-items {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.calculator-doors__thumbnail-image-stvorki-items.calculator-doors__thumbnail-image-stvorki-items_active {
display: block;
}
.calculator-doors__thumbnail-image-stvorki-item {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
cursor: pointer;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="1"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(1) {
top: 6.2%;
left: 10%;
width: 80%;
height: 87.6%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="1"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(1).calculator-doors__thumbnail-image-stvorki-item_open {
top: 5%;
left: 5.6%;
width: 89.4%;
height: 90.2%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="2"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(1) {
top: 5%;
left: 5.4%;
width: 42%;
height: 90%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="2"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(1).calculator-doors__thumbnail-image-stvorki-item_open {
top: 2%;
left: 2.6%;
width: 46.4%;
height: 96%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="2"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(2) {
top: 5%;
right: 5.4%;
width: 42%;
height: 90%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="2"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(2).calculator-doors__thumbnail-image-stvorki-item_open {
top: 2%;
right: 2.4%;
width: 46.6%;
height: 96%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(1) {
top: 12.9%;
left: 3.6%;
width: 28.8%;
height: 75%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(1).calculator-doors__thumbnail-image-stvorki-item_open {
top: 11.4%;
left: 2.2%;
width: 30.6%;
height: 77.4%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(2) {
top: 12.9%;
left: 35.6%;
width: 28.8%;
height: 75%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(2).calculator-doors__thumbnail-image-stvorki-item_open {
top: 11.4%;
left: 34.6%;
width: 30.8%;
height: 77.4%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(3) {
top: 12.9%;
right: 3.3%;
width: 28.8%;
height: 75%;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-stvorki-item:nth-child(3).calculator-doors__thumbnail-image-stvorki-item_open {
top: 11.4%;
right: 1.8%;
width: 30.6%;
height: 77.4%;
}
.calculator-doors__thumbnail-image-notice {
display: block;
margin: 0px 0px 0px 0px;
padding: 12px 15px 12px 15px;
position: absolute;
bottom: 50px;
left: calc(50% - (210px / 2));
width: 210px;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #4c4c4c;
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.2);
cursor: default;
z-index: 50;
}
.calculator-doors__thumbnail-image[data-thumbnail_structure="razdvizhnye"] .calculator-doors__thumbnail-image-notice {
display: none;
}
.calculator-doors__thumbnail-image[data-thumbnail_stvorki="3"] .calculator-doors__thumbnail-image-notice {
bottom: 90px;
}
.calculator-doors__thumbnail-image-notice.calculator-doors__thumbnail-image-notice_hidden {
display: none !important;
}
.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-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-structures-items-wrapper {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-title + .calculator-doors__step-structures-items-wrapper {
margin-top: calc(20px - 2px);
}
.calculator-doors__step-structures-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-structures-item {
display: inline-block;
vertical-align: top;
margin: 20px 10px 0px 10px;
padding: 0px 5px 15px 5px;
position: relative;
width: calc(50% - (10px * 2));
min-height: 130px;
background: #fff;
border: 1px solid #e9e8e7;
border-radius: 4px;
text-align: center;
}
.calculator-doors__step-structures-item:not(.calculator-doors__step-structures-item_active) {
cursor: pointer;
}
.calculator-doors__step-structures-item:not(.calculator-doors__step-structures-item_active):hover, 
.calculator-doors__step-structures-item:not(.calculator-doors__step-structures-item_active):active {
background: #c7152a;
border-color: #c7152a;
color: #fff;
}
.calculator-doors__step-structures-item.calculator-doors__step-structures-item_active {
background: #1bba1c;
border-color: #1bba1c;
color: #fff;
}
.calculator-doors__step-structures-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-structures-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-structures-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-structures-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-structures-item[data-code="razdvizhnye"] .calculator-doors__step-structures-item-img-inner > i {
width: 70px;
height: 70px;
background-image: url(../images/products/alumokna/icon-structure-razdvizhnye.png);
}
.calculator-doors__step-structures-item[data-code="razdvizhnye"]:hover .calculator-doors__step-structures-item-img-inner > i, 
.calculator-doors__step-structures-item[data-code="razdvizhnye"]:active .calculator-doors__step-structures-item-img-inner > i, 
.calculator-doors__step-structures-item[data-code="razdvizhnye"].calculator-doors__step-structures-item_active .calculator-doors__step-structures-item-img-inner > i {
background-image: url(../images/products/alumokna/icon-structure-razdvizhnye-hover.png);
}
.calculator-doors__step-structures-item[data-code="raspashnye"] .calculator-doors__step-structures-item-img-inner > i {
width: 69px;
height: 70px;
background-image: url(../images/products/alumokna/icon-structure-raspashnye.png);
}
.calculator-doors__step-structures-item[data-code="raspashnye"]:hover .calculator-doors__step-structures-item-img-inner > i, 
.calculator-doors__step-structures-item[data-code="raspashnye"]:active .calculator-doors__step-structures-item-img-inner > i, 
.calculator-doors__step-structures-item[data-code="raspashnye"].calculator-doors__step-structures-item_active .calculator-doors__step-structures-item-img-inner > i {
background-image: url(../images/products/alumokna/icon-structure-raspashnye-hover.png);
}
.calculator-doors__step-structures-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-structures-info-wrapper {
display: block;
margin: 16px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.calculator-doors__step-structures-info {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}

/*----- Поля ввода -----*/
.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-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-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[data-step="3"] .calculator-doors__step-checkbox {
width: calc(50% - (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="fill"] .calculator-doors__step-checkbox-inner, 
.calculator-doors__step-checkbox[data-field="slope"] .calculator-doors__step-checkbox-inner, 
.calculator-doors__step-checkbox[data-field="visor"] .calculator-doors__step-checkbox-inner, 
.calculator-doors__step-checkbox[data-field="windowsill"] .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[data-step="1"] .calculator-doors__step-select, 
.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-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-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-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.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-structures-items {
		flex-wrap: wrap;
		margin-top: -16px;
		margin-left: -8px;
		margin-right: -8px;
	}
	.calculator-doors__step-structures-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 {
		width: calc(100% - (10px * 2));
	}
	.calculator-doors__step-checkbox-label {
		line-height: 18px;
	}
	.calculator-doors__step-select {
		width: calc(100% - (10px * 2)) !important;
	}
	.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;
	}
}