/* Start:/bitrix/components/star/calculatorpro/templates/.default/style.css?174899466747748*/ .start_calculator button, .start_calculator textarea, .start_calculator select, .start_calculator input {font-family: 'Montserrat','Helvetica','Tahoma','Arial', sans-serif; font-size: 16px; line-height: 1.0; color: #36394c; outline: none !important;} .start_calculator button, .start_calculator input[type="button"], .start_calculator input[type="submit"] {-webkit-appearance: none; box-shadow: none;} .start_calculator ul, .start_calculator ol, .start_calculator li { list-style-type:none; padding: 0; margin: 0; } .start_calculator a, .start_calculator a:focus, .start_calculator a:hover {text-decoration: none; outline: none; box-shadow: none;} .start_calculator .button {display: inline-block; vertical-align: top; position: relative; text-align: center; border: 0; margin: 0; line-height: 1.0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .button:hover {cursor: pointer;} .start_calculator .hidden {display: none !important;} .start_calculator .phone {white-space: nowrap;} .start_calculator .phone:hover {cursor: default;} .start_calculator .spacer {clear:both;} .start_calculator ::-webkit-input-placeholder {color: #7e818c; line-height: 1.0;} .start_calculator :-ms-input-placeholder {color: #7e818c; line-height: 1.0;} .start_calculator :-moz-placeholder {color: #7e818c; line-height: 3.3;} .start_calculator ::-moz-placeholder {color: #7e818c; line-height: 3.3;} .start_calculator header {position: static; height: auto; width: auto; min-height: auto; padding: 0; margin: 0;} .start_calculator .ui-helper-hidden {display: none;} .start_calculator .ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .start_calculator .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .start_calculator .ui-helper-clearfix:before, .start_calculator .ui-helper-clearfix:after {content: ""; display: table; border-collapse: collapse;} .start_calculator .ui-helper-clearfix:after {clear: both;} .start_calculator .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} .start_calculator .ui-front {z-index: 100;} .start_calculator .ui-state-disabled {cursor: default !important; pointer-events: none;} .start_calculator .ui-icon {display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;} .start_calculator .ui-widget-icon-block {left: 50%; margin-left: -8px; display: block;} .start_calculator .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .start_calculator .calc_slider .ui-slider {position: relative; text-align: left;} .start_calculator .calc_slider .ui-slider .ui-slider-handle {position: absolute; z-index: 994; width: 16px; height: 16px; border: 2px solid #FFF; cursor: default; box-shadow: 0 0 10px 1px rgba(0,0,0,0.11) !important; -ms-touch-action: none; touch-action: none; border-radius: 50%; outline: none !important;} .start_calculator .calc_slider .ui-slider .ui-slider-handle:before {display: none !important;} .start_calculator .calc_slider .ui-slider .ui-slider-handle:hover {cursor: pointer;} .start_calculator .calc_slider .ui-slider .ui-slider-range {position: absolute; z-index: 991; margin-top: -1px; margin-left: -1px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .start_calculator .calc_slider .ui-slider.ui-state-disabled .ui-slider-handle, .start_calculator .calc_slider .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;} .start_calculator .calc_slider .ui-slider-horizontal {height: 8px;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-handle {top: -7px; margin-left: -10px;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-range-min {left: 0;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-range-max {right: 0;} .start_calculator .calc_slider .ui-slider.ui-widget-content {border: 1px solid #e0e0e0; background: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-sizing: border-box;} .start_calculator .calc_slider.calc_number .ui-slider {display: none;} .start_calculator .calc_spinner .ui-spinner {position: relative; display: block; width: 150px; background: none;} .start_calculator .calc_spinner .ui-spinner-input {display: block; margin: 0 auto; width: 50px; height: 50px; padding: 0 0 1px; background: #f7f7f7; font-size: 15px; color: #000; text-align: center; border: 1px solid #e0e0e0; border-left: 0; border-right: 0; box-sizing: border-box;} .start_calculator .calc_spinner .ui-button {position: absolute; width: 50px; height: 50px;} .start_calculator .calc_spinner .ui-button:before {position: absolute; color: #FFF; font-family:'Arial';} .start_calculator .calc_spinner .ui-button:hover {cursor: pointer;} .start_calculator .calc_spinner .ui-spinner-down {left: 0; top: 0; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;} .start_calculator .calc_spinner .ui-spinner-down:before {content: ""; left: 50%; top: 50%; width: 7px; height: 2px; margin: -1px 0 0 -2px; background: #FFF;} .start_calculator .calc_spinner .ui-spinner-up {right: 0; top: 0; -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0;} .start_calculator .calc_spinner .ui-spinner-up:before {content: "+"; font-size: 16px; left: 50%; top: 50%; margin: -8px 0 0 -5px; font-weight: 700;} .start_calculator .selectize-dropdown-header {position: relative;} .start_calculator .selectize-dropdown, .start_calculator .selectize-input, .start_calculator .selectize-input input {color: #000; font-family: inherit; font-size: 13px; line-height: 1.0;} .start_calculator .selectize-input input {height: 48px; box-sizing: border-box; width: 100% !important; display: block; padding: 0 0 3px;} .start_calculator .selectize-input, .start_calculator .selectize-control.single .selectize-input.input-active {background: #f7f7f7; cursor: text; display: block; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .selectize-input {border: 1px solid #e0e0e0; padding: 0 40px 0 15px; box-sizing: border-box; height: 50px; display: block; width: 100%; overflow: hidden; position: relative; z-index: 994; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .start_calculator .selectize-input.disabled, .start_calculator .selectize-input.disabled * {cursor: default !important;} .start_calculator .selectize-input.dropdown-active {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; z-index: 999;} .start_calculator .selectize-input > * {vertical-align: baseline; border: 0; padding: 0; margin: 0; background: transparent; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;} .start_calculator .selectize-input::after {content:""; display: block; clear: left;} .start_calculator .selectize-input.dropdown-active {z-index: 999; background: #f7f7f7;} .start_calculator .selectize-input.dropdown-active::before {content:""; display: block; position: absolute; background: #f7f7f7; height: 0; bottom: 0; left: 0; right: 0;} .start_calculator .selectize-dropdown {position: absolute; z-index: 999; background: #FFF; border: 1px solid #e0e0e0; margin: -1px 0 0 0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .start_calculator .selectize-dropdown [data-selectable] {cursor: pointer; border: 0; border-top: 0; box-sizing: border-box; overflow: hidden;} .start_calculator .selectize-dropdown [data-selectable] .highlight {background: #f7f7f7;} .start_calculator .selectize-dropdown [data-selectable] {padding: 16px 15px 18px;} .start_calculator .selectize-dropdown [data-selectable]:last-of-type {-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .start_calculator .selectize-dropdown .active {background-color: #f7f7f7;} .start_calculator .selectize-dropdown .active.create {color: #000;} .start_calculator .selectize-dropdown-content {overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch;} .start_calculator .selectize-control .selectize-input .item {position: absolute; left: 15px; top: 16px;} .start_calculator .selectize-control .selectize-input, .start_calculator .selectize-control .selectize-input input {cursor: pointer;} .start_calculator .selectize-control .selectize-input.input-active, .start_calculator .selectize-control .selectize-input.input-active input {cursor: text;} .start_calculator .selectize-control .selectize-input:after {content: ""; position: absolute; right: 14px; top: 50%; margin-top: -3px; width: 8px; height: 6px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/arrow.svg') 0 0 no-repeat; background-size: 100% auto; z-index: 992; border: none; transform: none;} .start_calculator .selectize-control .selectize-input.dropdown-active:after {transform: rotate(180deg); margin-top: -4px;} .start_calculator .selectize-input:before {content:""; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: #f7f7f7; z-index: 992;} .start_calculator .selectize-control ::-webkit-input-placeholder {color: #36394c; line-height: 1.0;} .start_calculator .selectize-control :-ms-input-placeholder {color: #36394c; line-height: 1.0;} .start_calculator .selectize-control :-moz-placeholder {color: #36394c; line-height: 3.6;} .start_calculator .selectize-control ::-moz-placeholder {color: #36394c; line-height: 3.6;} .calc_container {margin: 0 auto; position: relative; font-family: 'Montserrat','Helvetica','Tahoma','Arial', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.0; color: #36394c;} .start_calculator .calc_header {position: relative; padding: 40px 50px 42px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .start_calculator .calc_header .calc_header_box {position: relative; padding: 0 0 0 60px; min-height: 59px;} .start_calculator .calc_header img {position: absolute; left: 0; top: 5px; width: 40px;} .start_calculator .calc_header .calc_header_title {position: relative; font-size: 28px; line-height: 1.2; color: #FFF; font-weight: 700; margin: 0 0 6px;} .start_calculator .calc_header .calc_header_subtitle {position: relative; font-size: 13px; line-height: 1.5; color: #fff;} .start_calculator .calc_header .calc_header_subtitle a, .start_calculator .calc_header .calc_header_subtitle span {white-space: nowrap; position: relative; color: #FFF;} .start_calculator .calc_header .calc_header_subtitle a:before, .start_calculator .calc_header .calc_header_subtitle span:before {content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #c9c9ec; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_header .calc_header_subtitle a:hover, .start_calculator .calc_header .calc_header_subtitle span:hover {cursor: pointer;} .start_calculator .calc_header .calc_header_subtitle a:hover:before, .start_calculator .calc_header .calc_header_subtitle span:hover:before {opacity: 0;} .start_calculator .calc_fields {position: relative; padding: 20px 20px 20px; margin: 0 0 20px; background: #FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,0.12);} .start_calculator .calc_row {position: relative; border: 1px solid #e0e0e0; border-bottom: 0; padding: 24px 180px 30px 30px;} .start_calculator .calc_row.calc_row_main {padding-right: 320px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;} .start_calculator .calc_row.calc_row_last {border-bottom: 1px solid #e0e0e0; margin: 0 0 20px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;} .start_calculator .calc_row_price {position: absolute; right: 50px; top: 50%; height: 16px; font-weight: 700; margin-top: -8px; font-size: 16px;} .start_calculator .calc_row_price:before {content:"+ ";} .start_calculator .calc_row_price i {font-style: normal; display: inline-block; padding: 0; margin: 0; font-size: inherit; background: none; line-height: normal;} .start_calculator .calc_row_price.price_main {height: 26px; margin-top: -13px; font-size: 26px;} .start_calculator .calc_row_price.price_main:before {display: none;} .start_calculator .calc_row_label {position: relative; font-size: 16px; line-height: 1.4; font-weight: 700; margin: 0 0 18px;} .start_calculator .calc_row_instruction {position: relative; font-size: 13px; line-height: 1.5; top: -15px; margin: 0 0 7px; color: #7e818c;} .start_calculator .calc_row_instruction a {white-space: nowrap; position: relative; color: #5050c3;} .start_calculator .calc_row_instruction a:before {content:""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: #8686d6; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_row_instruction a:hover {cursor: pointer;} .start_calculator .calc_row_instruction a:hover:before {opacity: 0;} .start_calculator .calc_row_instruction.calc_row_instruction_for_checkbox{margin-bottom: 0px; top: 5px;} .start_calculator .calc_radio_button {display: inline-block; vertical-align: top; margin: 0 6px 11px 0; position: relative;} .start_calculator .calc_radio_button input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_radio_button input:hover {cursor: pointer;} .start_calculator .calc_radio_button button {border: 1px solid #e0e0e0; padding: 0 20px 2px; height: 50px; font-size: 13px; color: #000; z-index: 990; background: transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_radio {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: 250px; margin: 0 0 15px; padding: 0 20px 0 30px;} .start_calculator .calc_radio input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_radio input:hover {cursor: pointer;} .start_calculator .calc_radio .calc_radio_icon {position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #f7f7f7; border: 1px solid #e1e1e1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_radio .calc_radio_icon:before {content:""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; opacity: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_radio .calc_radio_label {font-size: 14px; position: relative; line-height: 1.4;} .start_calculator .calc_radio.checked .calc_radio_icon:before {opacity: 1;} .start_calculator .calc_checkbox {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: 250px; margin: 0 0 15px; padding: 0 20px 0 30px;} .start_calculator .calc_checkbox.calc_checkbox_single {margin: 0; top: 3px; width: auto;} .start_calculator .calc_checkbox input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_checkbox input:hover {cursor: pointer;} .start_calculator .calc_checkbox .calc_checkbox_icon {position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #f7f7f7; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_checkbox .calc_checkbox_icon:before {content:""; position: absolute; left: 50%; top: 50%; width: 10px; height: 9px; margin: -4px 0 0 -5px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/check.svg') 0 0 no-repeat; background-size: 100% auto; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_checkbox .calc_checkbox_label {font-size: 14px; position: relative; line-height: 1.4;} .start_calculator .calc_checkbox .calc_checkbox_label.checkbox_label_large {font-weight: 700; font-size: 16px;} .start_calculator .calc_checkbox.checked .calc_checkbox_icon:before {opacity: 1;} .start_calculator .calc_slider {position: relative;} .start_calculator .calc_slider .calc_slider_outputs {display: inline-block; vertical-align: top; width: 200px;} .start_calculator .calc_slider .calc_slider_field {display: inline-block; vertical-align: top; width: 110px; padding: 0 10px 1px; margin: 0 12px 0 0; height: 50px; border: 1px solid #e0e0e0; text-align: right; box-sizing: border-box; background: #f7f7f7; color: #000; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .start_calculator .calc_slider .calc_slider_field_label {display: inline-block; position: relative; vertical-align: top; top: 19px; font-size: 13px;} .start_calculator .calc_slider .calc_form_slider {width: 250px; display: inline-block; vertical-align: top; position: relative; top: 22px;} .start_calculator .calc_text .calc_text_field {display: inline-block; position: relative; vertical-align: top; padding: 0 10px 1px; margin: 0 12px 0 0; font-size: 14px; height: 50px; border: 1px solid #e0e0e0; background: #f7f7f7; color: #000; border-radius: 4px; box-sizing: border-box; width: 100%;} .start_calculator .calc_customselect {display: inline-block; vertical-align: top; width: 300px;} .start_calculator .calc_customselect_output {top: 10px; position: relative;} .start_calculator .calc_customselect_output button {height: 30px; display:none; margin: 0 5px 10px 0; padding: 0 35px 1px 10px; white-space: nowrap; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .start_calculator .calc_customselect_output button:hover {cursor: pointer;} .start_calculator .calc_customselect_output button:before {content:""; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/close.svg') 0 0 no-repeat; margin-top: -3px; background-size: 100% auto;} .start_calculator .calc_customselect_output button.checked {display: inline-block;} .start_calculator .calc_totals {position: relative; height: 100px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .start_calculator .calc_totals_top {margin-bottom: 20px;} .start_calculator .calc_totals_top + .calc_totals_hint {padding-top: 0; margin-bottom: 10px;} .start_calculator .calc_totals .calc_totals_title {position: absolute; left: 30px; top: 42px; color: #FFF; font-size: 16px; font-weight: 700;} .start_calculator .calc_totals .calc_total {position: absolute; right: 50px; top: 38px; color: #FFF; font-size: 26px; font-weight: 700;} .start_calculator .calc_totals .calc_total i {font-style: normal; display: inline-block; padding: 0; margin: 0; font-size: inherit; background: none; line-height: normal;} .start_calculator .calc_totals .calc_total u {position: relative; text-decoration: none; top: -10px; font-size: 14px;} .start_calculator .calc_totals_hint {font-size: 12px; line-height: 1.4; margin: 0 0 0 30px; padding: 18px 0 15px; color: #7e818c;} .start_calculator .form_wrap {position: relative;} .start_calculator .contact_fields {position: relative; border: 1px solid #e0e0e0; padding: 44px 40px 22px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff;} .start_calculator .contact_fields_title {margin: 0 0 30px; font-size: 24px; font-weight: 700;} .start_calculator .form_left {position: relative; float:left; width: 73.771%;} .start_calculator .contact_fields .field_wrap {float:left; width: 30.93333%; margin-bottom: 18px;} .start_calculator .contact_fields .field_wrap2 {margin: 0 3.6% 10px;} .start_calculator .contact_fields .field_label {margin: 0 0 8px; font-size: 13px; position: relative;} .start_calculator .contact_fields .form_field {display: block; width: 100%; box-sizing: border-box; padding: 0 10px 2px; height: 50px; font-size: 14px; line-height: 1.0; background: #f7f7f7; border: 1px solid #e0e0e0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .start_calculator .contact_fields .field_wrap_textarea {width: 100%;} .start_calculator .contact_fields textarea.form_field {padding-top: 8px; line-height: 1.6; height: 70px;} .start_calculator .contact_fields .field_wrap_file {position: relative;} .start_calculator .contact_fields .field_wrap_file .field_label { cursor: pointer; font-size: 15px; color: #504fc4; z-index: 2; border-bottom: 2px dotted #504fc4; line-height: 1.1; display: inline-block; transition: .4s; } .start_calculator .contact_fields .field_wrap_file .field_label:hover { opacity: .7; border-bottom: 2px dotted transparent !important; } .start_calculator .contact_fields .field_wrap_file input {position: absolute; left: 0; top: 0; opacity: 0;} .start_calculator .form_right {position: relative; float:right; width: 21.858%;} .start_calculator .form_agreement {position: relative; padding: 17px 0 0 35px; margin: 0 0 21px; text-align: left;} .start_calculator .form_agreement .checkbox_icon {cursor:pointer; position: absolute; left: 0; top: 20px; width: 18px; height: 18px; background: #f7f7f7; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .form_agreement .checkbox_icon:before {content:""; position: absolute; left: 50%; top: 50%; width: 10px; height: 9px; margin: -4px 0 0 -5px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/check.svg') 0 0 no-repeat; background-size: 100% auto; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .form_agreement input {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; z-index: 991; opacity: 0; padding: 0; margin: 0;} .start_calculator .form_agreement input:hover {cursor: pointer;} .start_calculator .form_agreement .checkbox_label {font-size: 13px; line-height: 1.4; z-index: 990; position: relative;} .start_calculator .form_agreement .checkbox_label:hover {cursor: default;} .start_calculator .form_agreement a .checkbox_label:hover {cursor: pointer; color: #36394c;} .start_calculator .form_agreement a .checkbox_label{color: #36394c;} .start_calculator .form_agreement.checked .checkbox_icon:before {opacity: 1;} .start_calculator .button_wrap {position: relative;} .start_calculator .submit {position: relative; display: block; width: 100%; height: 70px; border: 0; font-size: 12px; font-weight: 700; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .submit:hover {opacity: 0.8;} .start_calculator .form_cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 995;} .start_calculator .form_cover:hover {cursor: default;} .with_sidebar .sidebar {position: absolute; left: 0; top: 100px; width: 278px; height: 400px; background: #f3f3fd;} .with_sidebar .start_calculator {margin-left: 300px;} .with_sidebar .start_calculator .calc_row {padding-right: 160px;} .with_sidebar .start_calculator .calc_row.calc_row_main {padding-right: 200px;} .start_calculator .calc_form_hint{color:#7e818c;} .start_calculator .calc_open_form{width: 200px; margin: 0 auto;} .start_calculator input[type=number]::-webkit-inner-spin-button, .start_calculator input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} .start_calculator input[type=number] {-moz-appearance:textfield;} .start_calculator .calc_radio_button button {position: static;} .start_calculator .calc_radio_button:hover, .start_calculator .calc_radio:hover {z-index: 994;} .start_calculator .calc_customselect_output {white-space: nowrap;} .start_calculator .selectize-input .item {display: none;} .start_calculator .selectize-input .item:last-of-type {display: block;} .start_calculator .calc_popup_back {position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; background: #36394c; opacity: 0.7; z-index: 998;} .start_calculator .calc_popup_back:hover {cursor: pointer;} .start_calculator .calc_popup {position: fixed; display: none; left: 50%; top: 50%; width: 380px; height: 220px; margin: -110px 0 0 -190px; box-shadow: -10px 10px 16px 1px rgba(0,0,0,0.12); background: #FFF; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_popup:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_popup .calc_popup_close {position: absolute; right: 20px; top: 20px; width: 22px; height: 22px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/close2.svg') 0 0 no-repeat; background-size: 100% auto; z-index: 992;} .start_calculator .calc_popup .calc_popup_close:hover {cursor: pointer;} .start_calculator .calc_popup .calc_popup_content {position: relative; padding: 0 40px; z-index: 991;} .start_calculator .calc_popup .pseudo_table {display: table; border-collapse: collapse; width: 100%;} .start_calculator .calc_popup .pseudo_td {display: table-cell; vertical-align: middle; height: 220px;} .start_calculator .calc_popup .calc_popup_title {font-size: 24px; font-weight: bold; color: #36394c; text-align: center;} .start_calculator .calc_popup .calc_popup_subtitle {font-size: 13px; line-height: 1.5; color: #36394c; text-align: center;} .start_calculator .calc_popup_alert:before {border: 8px solid #f28379;} .start_calculator .calc_popup_alert .calc_popup_title {padding: 13px 0 28px;} .start_calculator .calc_popup_alert .calc_popup_errors {font-size: 13px; padding: 15px 20px 16px; background: #ffe8e5; line-height: 1.5; color: #36394c; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_popup_success:before {border: 8px solid #5050c3;} .start_calculator .calc_popup_success .calc_popup_title {padding: 5px 0 0;} .start_calculator .calc_popup_success .calc_popup_subtitle {padding: 11px 0 0 0;} .start_calculator .calc_hint {position: relative; display: inline; z-index: 991;} .start_calculator .calc_hint:before {content:""; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; z-index: 990; display: none;} .start_calculator .calc_hint .calc_hint_in {display: inline-block; vertical-align: top; width: 15px; height: 15px; color: #FFF; font-size: 11px; padding: 2px 0 0 0; z-index: 991; box-sizing: border-box; line-height: 1.0; text-align: center; background: #acace6; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .start_calculator .calc_hint .calc_hint_in:hover {cursor: pointer;} .start_calculator .calc_hint .calc_hint_in:before {content:"?"; -webkit-font-smoothing: subpixel-antialiased;} .start_calculator .calc_hint .calc_hint_content {position: absolute; display: none; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3); left: 0; bottom: 100%; margin-bottom: 10px; width: 240px; z-index: 992; padding: 12px 15px 11px; font-size: 11px; line-height: 1.4; color: #585b68; box-sizing: border-box; background: #fcfcfc; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_hint:hover {z-index: 991;} .start_calculator .calc_hint:hover .calc_hint_content {display: block;} .start_calculator .contact_fields_subtitle {font-size: 13px; line-height: 1.5; margin: 0 0 10px; position: relative; top: -17px;} .start_calculator .contact_fields_short .field_wrap {width: 23.125%; margin: 0;} .start_calculator .contact_fields_short .field_wrap1, .start_calculator .contact_fields_short .field_wrap2, .start_calculator .contact_fields_short .field_wrap3 {margin-right: 2.5%;} .start_calculator .contact_fields_short .field_wrap4 {margin-right: 0;} .start_calculator .contact_fields_short .form_agreement {padding: 13px 0 0 35px; top: -6px;} .start_calculator .contact_fields_short .submit {height: 50px;} .start_calculator .calc_img_options {position: relative;} .start_calculator .calc_img_options:after {content:""; position: relative; clear: both; display: block;} .start_calculator .calc_img_radio {margin: 15px 1.617% 0 0; padding: 0; float:left; border: 1px solid #e0e0e0; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_img_radio:before {content:""; position: absolute; opacity: 0; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 991; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_img_radio_imgbox {position: relative; overflow: hidden; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .start_calculator .calc_img_radio_imgbox img {display: block; width: 100%; margin: 0; padding: 0;} .start_calculator .calc_img_radio_labelbox {position: relative; padding: 0 0 0 30px; margin: 12px 9px 12px; z-index: 992; box-sizing: border-box;} .start_calculator .calc_img_radio .calc_hint {top: 2px; margin: 0 0 0 5px;} .start_calculator .calc_img_radio:hover {cursor: pointer;} .start_calculator .calc_img_radio:hover:before {opacity: 1;} .start_calculator .calc_img_options.in_row_2 .calc_img_radio {width: 41.22%;} .start_calculator .calc_img_options.in_row_3 .calc_img_radio {width: 26.94%;} .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 19.81%;} .start_calculator .calc_img_checkboxes {position: relative;} .start_calculator .calc_img_checkboxes:after {content:""; position: relative; clear: both; display: block;} .start_calculator .calc_img_checkbox {margin: 21px 2.3% 0 0; padding: 0; float:left; border: 1px solid #e0e0e0; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_img_checkbox:before {content:""; position: absolute; opacity: 0; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 991; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_img_checkbox_imgbox {position: relative; overflow: hidden; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .start_calculator .calc_img_checkbox_imgbox img {display: block; width: 100%; margin: 0; padding: 0;} .start_calculator .calc_img_checkbox_labelbox {position: relative; padding: 0 0 0 30px; margin: 12px 9px 12px; z-index: 992; box-sizing: border-box;} .start_calculator .calc_img_checkbox .calc_hint {top: 2px; margin: 0 0 0 5px;} .start_calculator .calc_img_checkbox:hover {cursor: pointer;} .start_calculator .calc_img_checkbox:hover:before {opacity: 1;} .start_calculator .calc_img_checkboxes.in_row_2 .calc_img_checkbox {width: 41.1%;} .start_calculator .calc_img_checkboxes.in_row_3 .calc_img_checkbox {width: 26.65%;} .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 19.397%;} .start_calculator .calc_radio .calc_hint {top: 2px; margin: 0 0 0 4px;} .start_calculator .calc_switches .calc_hint {top: 2px; margin: 0 0 0 4px;} .start_calculator .calc_radio_button .calc_hint {top: 0; margin: 0 0 0 11px; right: -3px;} .start_calculator .calc_radio_button.checked .calc_hint .calc_hint_in {color: #504fc4;} .start_calculator .calc_checkbox .calc_hint {top: 2px; margin: 0 0 0 6px;} .start_calculator .calc_customselect {position: relative;} .start_calculator .calc_customselect .calc_customselect_output {position: static; padding: 10px 0 0 0;} .start_calculator .calc_customselect .button {position: static;} .start_calculator .calc_customselect .calc_hint {position: absolute; left: 100%; margin: 0 0 0 10px; top: 18px;} .start_calculator .calc_customselect_output button {padding: 0 10px 1px 10px;} .start_calculator .calc_customselect_output button:before {position: relative; right: 0; top: auto; margin: 3px 4px 0 15px; float: right;} .start_calculator .calc_customselect.single_option .calc_customselect_output {top: 0; padding: 0; height: 1px;} .start_calculator .calc_customselect.single_option .calc_customselect_output button {font-size: 0; height: 1px; background: transparent; padding: 0; margin: 0;} .start_calculator .calc_customselect.single_option .calc_customselect_output button:before {display: none;} .start_calculator .alert_in {display: inline-block; vertical-align: top; margin: 0 20px 130px;} .start_calculator .alert_in:hover {cursor: pointer;} .start_calculator .success_in {display: inline-block; vertical-align: top; margin: 0 20px 130px;} .start_calculator .success_in:hover {cursor: pointer;} .start_calculator .calc_switch {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: 49%; margin: 8px 0 10px; padding: 0 10px 0 100px;} .start_calculator .calc_switch .calc_switch_icon {position: absolute; left: 0; top: 0; width: 80px; height: 50px; box-sizing: border-box; box-shadow: inset 3px 3px 6px -1px rgba(63,63,153,0.3); background: #f7f7f7; border: 1px solid #e0e0e0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;} .start_calculator .calc_switch .calc_switch_button {position: absolute; width: 38px; height: 38px; top: 5px; left: 5px; background: #f7f7f7; box-shadow: 0 2px 5px 1px rgba(63,63,153,0.35); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;} .start_calculator .calc_switch .calc_switch_label_wrap {display: table; width: 100%; border-collapse: collapse; position: relative; top: -1px;} .start_calculator .calc_switch .calc_switch_label {font-size: 13px; position: relative; line-height: 1.4; color: #36394c; display: table-cell; vertical-align: middle; height: 50px;} .start_calculator .calc_switch input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_switch input:hover {cursor: pointer;} .start_calculator .calc_switch.switch_bold {margin: 6px 0 0 0;} .start_calculator .calc_switch.switch_bold .calc_switch_label {font-size: 16px; font-weight: bold;} .start_calculator .calc_switch.checked .calc_switch_button {background: #5050c3; left: auto; right: 5px;} @media screen and (max-width: 750px) { .start_calculator .calc_switch {display: block; width: 100%; margin: 8px 0 5px; padding: 0 0 0 80px;} .start_calculator .calc_switch .calc_switch_icon {width: 64px; height: 38px; box-shadow: inset 2px 2px 4px -1px rgba(63,63,153,0.3);} .start_calculator .calc_switch .calc_switch_button {width: 26px; height: 26px; box-shadow: 0 1px 3px 1px rgba(63,63,153,0.35);} .start_calculator .calc_switch .calc_switch_label {height: 38px;} } @media screen and (max-width: 1250px) { .calc_container {width: auto; margin-left: 30px; margin-right: 30px;} } @media screen and (max-width: 1100px) { body {-webkit-text-size-adjust:none; text-size-adjust:none; -ms-text-size-adjust:none;} .start_calculator .calc_header {padding: 28px 50px 30px;} .start_calculator .form_left {width: 71%;} .start_calculator .form_right {width: 25%;} .start_calculator .form_agreement {padding: 17px 0 0 30px;} .start_calculator .form_agreement .checkbox_label {font-size: 12px; line-height: 1.4;} .with_sidebar .start_calculator .calc_slider .calc_slider_outputs {width: 180px;} .with_sidebar .start_calculator .calc_slider .calc_form_slider {width: 220px;} .with_sidebar .start_calculator .calc_radio, .with_sidebar .start_calculator .calc_checkbox {width: 49.5%;} .with_sidebar .start_calculator .form_left {width: 100%; float:none;} .with_sidebar .start_calculator .form_right {width: 100%; float:none; margin: 0 0 20px;} } @media screen and (max-width: 1000px) { .calc_container {padding: 50px 0;} .start_calculator .calc_row {padding: 24px 30px 30px;} .start_calculator .calc_row.calc_row_main {padding-right: 30px;} .start_calculator .calc_row_price {position: relative; right: auto; top: auto; height: auto; margin-top: 0; padding: 22px 0 0 0; display: inline-block; vertical-align: top;} .start_calculator .calc_row_price.price_main {height: auto; margin-top: 0; padding: 14px 0 0 0;} .start_calculator .calc_radio_button button {padding: 0 12px 2px;} .start_calculator .calc_row_single .calc_row_price {padding: 8px 0 0 0;} .start_calculator .calc_row_single .calc_spinner, .start_calculator .calc_row_single .calc_customselect, .start_calculator .calc_row_single .calc_checkboxes {display: inline-block; vertical-align: top; margin: 0 30px 0 0;} .start_calculator .calc_slider .calc_slider_outputs, .with_sidebar .start_calculator .calc_slider .calc_slider_outputs {width: 200px;} .start_calculator .calc_slider .calc_form_slider, .with_sidebar .start_calculator .calc_slider .calc_form_slider {width: 250px;} .start_calculator .calc_radio, .start_calculator .calc_checkbox, .with_sidebar .start_calculator .calc_radio, .with_sidebar .start_calculator .calc_checkbox {width: 32%;} .start_calculator .form_left {width: 100%; float:none;} .start_calculator .form_right {width: 100%; float:none; margin: 0 0 20px;} .with_sidebar .sidebar {display: none;} .with_sidebar .start_calculator {margin-left: 0;} .with_sidebar .start_calculator .calc_row, .with_sidebar .start_calculator .calc_row.calc_row_main {padding-right: 30px;} } @media screen and (max-width: 750px) { .start_calculator .ui-spinner {width: 120px;} .start_calculator .ui-spinner-input {width: 40px; height: 40px;} .start_calculator .ui-button {width: 40px; height: 40px;} .calc_container {margin-left: 0; margin-right: 0; padding: 0;} .start_calculator .calc_header {padding: 22px 16px 23px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_header .calc_header_box {padding: 0;} .start_calculator .calc_header img {top: 4px; width: 31px; float:left; position: relative; margin: 0 16px 0 0;} .start_calculator .calc_header .calc_header_title {font-size: 20px; margin: 0 0 6px;} .start_calculator .calc_header .calc_header_subtitle {font-size: 13px; line-height: 1.55;} .start_calculator .calc_fields {padding: 0; /* margin: 0; */ box-shadow: none;} .start_calculator .calc_row {padding: 16px 16px 30px; border-left: 0; border-right: 0;} .start_calculator .calc_row.calc_row_main {padding-right: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_row.calc_row_last {margin: 0; border-bottom: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_row_label {font-size: 14px;margin: 0 0 12px;} .start_calculator .calc_row_instruction {font-size: 12px; top: -10px; margin: 0 0 4px;} .start_calculator .calc_radio_button {margin: 0 2% 10px 0; width: 47.2%;} .start_calculator .calc_radio_button button {padding: 0 0 2px; height: 36px; display: block; width: 100%;} .start_calculator .calc_text .calc_text_field {height: 36px;} .start_calculator .calc_slider .calc_slider_field {height: 36px;} .start_calculator .calc_slider .calc_slider_field_label {top: 12px;} .start_calculator .calc_slider .calc_slider_outputs {margin: 0 0 20px;} .start_calculator .calc_slider .calc_form_slider {top: auto;} .start_calculator .calc_radio, .start_calculator .calc_checkbox, .with_sidebar .start_calculator .calc_radio, .with_sidebar .start_calculator .calc_checkbox {width: auto; display: block;} .with_sidebar .start_calculator .calc_row, .with_sidebar .start_calculator .calc_row.calc_row_main {padding-right: 16px;} .start_calculator .calc_slider .calc_form_slider, .with_sidebar .start_calculator .calc_slider .calc_form_slider {width: 100%;} .start_calculator .calc_totals {height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: center; padding: 22px 0 18px;} .start_calculator .calc_totals .calc_totals_title {position: relative; left: auto; top: auto; margin: 0 0 10px;} .start_calculator .calc_totals .calc_total {position: relative; right: auto; top: auto;} .start_calculator .calc_totals_hint {margin: 0 20px; padding: 18px 0 15px; text-align: center;} .start_calculator .calc_row_single .calc_row_price {padding: 6px 0 0 0;} .start_calculator .calc_row_single .calc_spinner, .start_calculator .calc_row_single .calc_customselect, .start_calculator .calc_row_single .calc_checkboxes {margin: 0 20px 15px 0;} .start_calculator .contact_fields {padding: 20px 16px 22px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .contact_fields_title {margin: 0 0 12px; font-size: 20px; text-align: center;} .start_calculator .contact_fields .field_wrap {float:none; width: auto; margin-bottom: 10px;} .start_calculator .contact_fields .field_wrap2 {margin: 0 0 10px;} .start_calculator .contact_fields .form_field {padding: 0 10px 1px; height: 36px;} .start_calculator .form_agreement {padding: 5px 0 0 32px; margin: 0 0 16px} .start_calculator .form_agreement .checkbox_icon {top: 8px;} .start_calculator .submit {height: 50px;} } @media screen and (max-width: 1150px) { .start_calculator .calc_hint:before {display: block;} .start_calculator .contact_fields_short .field_wrap1 {width: 23.75%;} .start_calculator .contact_fields_short .field_wrap2 {width: 23.75%;} .start_calculator .contact_fields_short .field_wrap3 {width: 25%;} .start_calculator .contact_fields_short .field_wrap4 {width: 20%;} .start_calculator .calc_img_radio {margin: 15px 2.3% 0 0;} .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 22.7%;} .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 22.3%;} } @media screen and (max-width: 1000px) { .start_calculator .contact_fields_short .field_wrap1 {width: 48%; margin-right: 4%;} .start_calculator .contact_fields_short .field_wrap2 {width: 48%; margin-right: 0;} .start_calculator .contact_fields_short .field_wrap3 {width: 48%; margin-right: 4%; margin-top: 16px;} .start_calculator .contact_fields_short .field_wrap4 {width: 48%; margin-right: 0; margin-top: 16px;} .start_calculator .contact_fields_short .form_agreement {padding: 17px 0 0 35px; top: -9px;} .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 26.94%;} .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 26.65%;} } @media screen and (max-width: 750px) { .start_calculator .calc_popup {width: 320px; margin-left: -160px;} .start_calculator .calc_popup .calc_popup_close {width: 18px; height: 18px;} .start_calculator .calc_popup .calc_popup_content {padding: 0 25px;} .start_calculator .calc_popup .calc_popup_title {font-size: 20px;} .start_calculator .calc_popup_alert:before {border: 6px solid #f28379;} .start_calculator .calc_popup_alert .calc_popup_title {padding: 8px 0 20px;} .start_calculator .calc_popup_success:before {border: 6px solid #5050c3;} .start_calculator .calc_hint .calc_hint_content {position: fixed; left: 0; right: 0; bottom: 0; margin-bottom: 0; width: auto; background: #504fc4; box-shadow: none; color: #FFF; font-size: 12px; padding: 20px 16px 18px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_customselect_output {white-space: normal;} .start_calculator .contact_fields_subtitle {margin: 0 0 20px; top: -2px;} .start_calculator .contact_fields_short .field_wrap1, .start_calculator .contact_fields_short .field_wrap2, .start_calculator .contact_fields_short .field_wrap3, .start_calculator .contact_fields_short .field_wrap4 {width: 100%; margin-right: 0; margin-bottom: 10px; margin-top: 0;} .start_calculator .contact_fields_short .form_agreement {padding: 5px 0 0 32px; top: 0;} .start_calculator .calc_img_radio {margin: 15px 4% 0 0;} .start_calculator .calc_img_radio .calc_radio_label {font-size: 13px;} .start_calculator .calc_img_options.in_row_2 .calc_img_radio, .start_calculator .calc_img_options.in_row_3 .calc_img_radio, .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 45.67%;} .start_calculator .calc_img_checkbox {margin: 15px 4% 0 0;} .start_calculator .calc_img_checkbox .calc_radio_label {font-size: 13px;} .start_calculator .calc_img_checkboxes.in_row_2 .calc_img_checkbox, .start_calculator .calc_img_checkboxes.in_row_3 .calc_img_checkbox, .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 45.67%;} .start_calculator .calc_radio_button .calc_hint {margin: 0 0 0 3px; right: 0;} .start_calculator .calc_img_options_row {padding-right: 0;} .start_calculator .calc_img_options_row .calc_row_label, .start_calculator .calc_img_options_row .calc_row_instruction {margin-right: 16px;} .start_calculator .calc_img_checkboxes_row {padding-right: 0;} .start_calculator .calc_img_checkboxes_row .calc_row_label, .start_calculator .calc_img_checkboxes_row .calc_row_instruction {margin-right: 16px;} .start_calculator .calc_customselect .calc_hint {left: 0; margin: 0; top: auto; bottom: -24px;} .start_calculator .selectize-input {z-index: 990;} } .start_calculator .calc_popup_errors span {font-weight: bold;} .star_calculator_error {display: block; background: #fff; border: 2px solid red; padding: 20px 40px;} .star_calculator_error span {display: inline-block; vertical-align: middle; font-size: 18px; color: black;} .star_calculator_error span.star_calculator_attention {background-color: red; border-radius: 50%; width: 48px; height: 48px; padding: 20px; margin-right: 40px; color: white; font-size: 40px; font-weight: bold; text-align: center; display: inline-flex; align-items: center; justify-content: center;} .start_calculator .calc_row_text { line-height: 1.6; } .start_calculator .calc_row_text p { font-size: 16px; line-height: 1.6; margin: 0 0 5px 0;} .start_calculator .calc_row_text ol, .start_calculator .calc_row_text ul { list-style-position: initial; list-style-image: initial; margin: 0 0 10px 20px; padding: 0;} .start_calculator .calc_row_text ul { list-style-type: disc; } .start_calculator .calc_row_text ol { list-style-type: decimal; } .start_calculator .calc_row_text ul li, .start_calculator .calc_row_text ol li { font-size: 16px; line-height: 1.6; padding: 0; margin: 0 0 5px 0; list-style-position: inside; } .start_calculator .calc_row_text ol li:before, .start_calculator .calc_row_text ul li:before { display: none; } .start_calculator .calc_row_text ul li { list-style-type: disc; } .start_calculator .calc_row_text ol li { list-style-type: decimal; } /* End */ /* Start:/bitrix/components/webprostor/configurator.onepage/templates/.default/style.css?17448654879204*/ body #bx-panel { z-index: 985 !important; } #webprostor_configurator { margin-bottom: 20px; } #webprostor_configurator ul#platforms_navigation > li:before, #webprostor_configurator #platforms_list ul > li:before { display: none; } #webprostor_configurator ul#platforms_navigation > li { padding-left: 0; } #webprostor_configurator #platforms_list .panel-heading { border-radius: 0; } #webprostor_configurator #platforms_list .panel-heading > .row { display: flex; align-items: center; } #webprostor_configurator #platforms_list .panel-heading a, #webprostor_configurator #platforms_list .panel-heading h4 { margin: 0; } #webprostor_configurator .sticky-top, #modalProducts .sticky-top { position: sticky; top: 10px; z-index: 103; } #webprostor_configurator .sticky-bottom { position: sticky; bottom: 0; } #webprostor_configurator #steps_groups .list-group-item h3 { margin-top: 5px; margin-bottom: 15px; } #webprostor_configurator #steps_groups .list-group-item.parent > h3 > svg { max-height: 24px; } #webprostor_configurator .steps h4, #webprostor_configurator .steps .products h5, #webprostor_configurator .steps .price { margin-top: 15px; margin-bottom: 15px; } #webprostor_configurator .steps .price { white-space: nowrap; } #webprostor_configurator.compact-view .steps h4, #webprostor_configurator.compact-view .steps .products h5, #webprostor_configurator.compact-view .steps h3.price { margin-top: 5px; margin-bottom: 10px; overflow-wrap: break-word; } #webprostor_configurator .steps .picture, #webprostor_configurator .steps .description { margin-bottom: 15px; } #webprostor_configurator .steps .picture svg { max-width: 100%; } #webprostor_configurator .steps .properties { word-wrap: break-word; } #webprostor_configurator.compact-view .steps .picture, #webprostor_configurator.compact-view .steps .description { margin-bottom: 10px; } #webprostor_configurator .steps .list-group-item button { margin-bottom: 15px; } #webprostor_configurator.compact-view .steps .list-group-item button { margin-bottom: 5px; } #webprostor_configurator .steps .quantity-wrapper { margin-top: 10px; display: flex; } #webprostor_configurator .steps .quantity-wrapper a { display: inline-block; text-align: center; font-weight: 700; font-size: 14px; line-height: 16px; border: 1px solid #f3f6f8; color: #cfd5d9; width: 18px; vertical-align: top; text-decoration: none; } #webprostor_configurator .steps .quantity-wrapper a:not(.disabled):hover { color: #222; box-shadow: 0px 2px 7px 0px rgba(57, 74, 83, 0.2); } #webprostor_configurator .steps .quantity-wrapper a.disabled { cursor: not-allowed; } #webprostor_configurator .steps input[data-type="quantity"] { max-width: 40px; display: inline-block; border-width: 0 !important; box-shadow: none !important; font-weight: 700; font-size: 13px; line-height: 18px; text-align: center; border: none; outline: none; padding: 0; margin: 0; } #webprostor_configurator .steps .products > div:not(:last-of-type, .deleted) { padding-bottom: 15px; } #webprostor_configurator #order_wrapper { display: flex; } #webprostor_configurator #order_wrapper #assembly_quantity { max-width: 60px; } #webprostor_configurator #order_wrapper #assembly_quantity + a { margin-left: 5px; } #webprostor_configurator.compact-view h3, #webprostor_configurator.compact-view h4, #webprostor_configurator.compact-view h5, #webprostor_configurator.compact-view strong { font-weight: 500; } #webprostor_configurator.compact-view .parent .alerts { padding-top: 15px; } #webprostor_configurator.compact-view .parent .alerts .alert { margin-bottom: 0; } #webprostor_configurator.print .webprostor-configurator-items-list table .th-mobile { display: none; } #webprostor_configurator #assembly_quantity { margin-bottom: 0px; } #webprostor_configurator #assembly_quantity.form-control-sm { padding: 3px 6px !important; height: 28px; } #webprostor_configurator .panel-secondary { border: 1px solid rgba(0,0,0,0.125); } #webprostor_configurator .panel-secondary > .panel-heading { background-color: rgba(0,0,0,0.03); border-bottom: 1px solid rgba(0,0,0,0.125); } #webprostor_configurator .progress-bar-secondary { background-color: #6c757d !important; } #webprostor_configurator .btn-secondary, #modalProducts .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } #modalProducts #sortPanel.sticky-top { top: 0; z-index: 102; } #modalProducts #quick_search { border-color: #ccc; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #modalProducts #sort li, #modalProducts #views li { margin-bottom: 0; } #modalProducts #sort li > a { display: flex; align-items: center; padding-left: 10px; padding-right: 5px; } #modalProducts #sort li > a span + i { margin-left: 3px; } #modalProducts .navbar ul li, #modalProducts .webprostor-configurator-pagination ul li { padding-left: 0; } #modalProducts .navbar ul li:before, #modalProducts .webprostor-configurator-pagination ul li:before, #modalProducts .webprostor-configurator-catalog-section ul li:before { content: ""; } #modalProducts .navbar-text { margin-top: 10px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; } #modalProducts #productFilterRight .bx-filter .bx-filter-popup-result, #modalProducts #productFilterRight .smart-filter-popup-result { left: 97%; border-width: 2px 2px 2px 10px; -webkit-border-image: url(/bitrix/images/webprostor.configurator/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(/bitrix/images/webprostor.configurator/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(/bitrix/images/webprostor.configurator/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/bitrix/images/webprostor.configurator/result_popup_right.png) 4 4 4 20 fill repeat; } #modalProducts .webprostor-configurator-catalog-section .description h5 { margin-top: 0; } #modalProducts .webprostor-configurator-catalog-section .raiting { margin-top: 10px; margin-bottom: 5px; text-align: center !important; } .webprostor-configurator-modal .owl-carousel .owl-dots { z-index: 3; } .modal-backdrop { z-index: 985; } .webprostor-configurator-modal { z-index: 990; } @media (min-width: 992px) { #modalProducts .modal-xl, #modalProductInfo .modal-xl { width: 800px; } } @media(min-width: 1200px) { #modalProducts .modal-xl, #modalProductInfo .modal-xl { width: 1140px; } } @media(min-width: 992px) { #productFilterRight { display: block !important; } } @media(max-width: 992px) { #modalProducts .sticky-top { position: relative; top: 0; } #modalProducts #sortPanel .navbar-text { clear: left; } #modalProducts #sortPanel .navbar-nav { clear: left; float: left !important; } #webprostor_configurator #assembly_info #platform_info img { max-width: 300px; margin: 0 auto; } } @media(min-width: 768px) { #webprostor_configurator .text-sm-right { text-align: right; } } @media(max-width: 768px) { #webprostor_configurator .steps { text-align: center; } #webprostor_configurator .steps .picture img { max-height: 150px; margin: 0 auto; } #webprostor_configurator .steps .sticky-bottom > div { width: 100%; text-align: center; } #webprostor_configurator .steps .quantity-wrapper { justify-content: center; } #webprostor_configurator .steps h3.price, #webprostor_configurator .steps .real-balance { margin-bottom: 10px !important; } #webprostor_configurator .steps .quantity-wrapper a { color: #222; box-shadow: 0 none; } #modalProducts #sortPanel .navbar-text { display: none !important; } #modalProducts #sortPanel .navbar-nav { clear: none; } #modalProducts #sort.navbar-nav { padding-left: 7.5px; } #modalProducts #views.navbar-nav { float: right !important; padding-right: 7.5px; } #modalProducts #sortPanel .navbar-nav > li { float: left !important; } #modalProducts #productFilterRight .bx-filter .bx-filter-popup-result, #modalProducts #productFilterRight .smart-filter-popup-result { position: absolute`; bottom: auto; left: auto; right: 0; width: auto; padding: 15px; margin: 0; border: 0 none; background: #fff; z-index: 99999; border: 1px solid #dee2e6; border-right: 0; text-align: center; font-size: 18px; line-height: 28px; } #modalProducts #productFilterRight .bx-filter .bx-filter-popup-result a, #modalProducts #productFilterRight .smart-filter-popup-result a { border-radius: 4px; border: 1px solid #cecece; padding: 15px 25px; display: inline-block; margin-top: 3px; } } /* End */ /* Start:/bitrix/components/bitrix/iblock.vote/templates/bootstrap_v4/style.min.css?1744865487200*/ .bx-rating{display:block;text-align:center}.bx-rating-icon-container{margin-right:3px;cursor:pointer}.bx-rating .bx-rating-icon-container:last-child{margin-right:0}.bx-rating-icon{fill:var(--primary)} /* End */ /* Start:/bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.min.css?17448654871413*/ .bx-catalog-subscribe-button{margin-bottom:6px;display:inline-block}.bx-catalog-popup-content{width:90%;max-width:280px}.bx-catalog-subscribe-form-container-label{font-size:13px;color:#5a6c77;padding-bottom:2px}.bx-catalog-subscribe-form-container-input{position:relative}.bx-catalog-subscribe-form-container-input input[type="text"]{display:block;width:100%;font-size:18px;height:38px;margin:0;padding:0 4px;border:1px solid #ccd5db;border-radius:2px;background:#f8fafc;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-catalog-subscribe-form-star-required{color:#d93333}.bx-catalog-subscribe-form-container .bx-captcha{margin-bottom:10px}.bx-catalog-popup-message{font-weight:bold;min-width:240px;margin:0}.bx-catalog-subscribe-alert{background-color:#edf6fc;color:#000;font-size:15px;min-height:45px;text-align:center;padding:12px 40px 12px 60px;position:relative;width:280px}.bx-catalog-subscribe-aligner{display:inline-block;height:45px;margin-left:-1px;vertical-align:middle;width:1px}.bx-catalog-subscribe-alert-text{display:inline-block;vertical-align:middle}.bx-catalog-subscribe-alert-footer{text-align:center}.bx-catalog-subscribe-alert-popup{background-color:#edf6fc!important;border:1px solid #edf6fc!important;border-radius:3px!important;-webkit-box-shadow:0 19px 24px rgba(88,112,118,0.17)!important;box-shadow:0 19px 24px rgba(88,112,118,0.17)!important} /* End */ /* Start:/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/style.min.css?174486548715360*/ .smart-filter{margin-bottom:20px;min-width:220px;width:100%;font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}.smart-filter-section{position:relative}.smart-filter-title{margin-bottom:10px;color:#000;font-size:18px}.smart-filter-parameters-box{position:relative}.smart-filter-parameters-box-title{position:relative;display:inline-block;padding-bottom:7px;font-size:13px}.smart-filter-parameters-box-title-text{color:var(--primary);cursor:pointer;transition:250ms linear all}.bx-active .smart-filter-parameters-box-title-text{color:#333}.smart-filter-angle{position:relative;display:inline-block;width:20px;height:19px;vertical-align:middle}.smart-filter-angles{position:absolute;top:50%;left:50%;width:20px;height:20px;line-height:20px;cursor:pointer;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.smart-filter-angles:after,.smart-filter-angles:before{position:absolute;top:50%;left:50%;width:5px;height:1px;background-color:var(--primary);content:"";transition:all 250ms ease;-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center}.smart-filter-angles:before,.smart-filter-angle-up .smart-filter-angles:after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.smart-filter-angles:after{margin-left:3px}.smart-filter-angles:after,.smart-filter-angle-up .smart-filter-angles:before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg)}.smart-filter-hint{position:relative;display:inline-block;margin-right:6px}.smart-filter-hint-icon{display:block;padding:0 5px;width:15px;height:15px;border-radius:50%;background-color:var(--primary);color:#fff;vertical-align:middle;text-align:center;font-size:12px;line-height:15px}.smart-filter-hint-popup{position:absolute;top:calc(100% + 8px);left:-7px;z-index:10;display:none;padding:10px;min-width:200px;max-width:300px;border:1px solid #dfdfdf;border-radius:3px;background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,0.14)}.smart-filter-hint:hover .smart-filter-hint-popup{display:block}.smart-filter-hint-popup-angle{position:absolute;top:-5px;left:10px;width:10px;height:10px;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;background-color:#fff;transform:rotate(45deg)}.smart-filter-block{display:none;box-sizing:content-box;transition:padding .3s ease}.smart-filter-button-box .smart-filter-block,.smart-filter-parameters-box.bx-active .smart-filter-block{display:block}.smart-filter-parameters-box.bx-active .smart-filter-block i.bx-ft-sub{display:block;padding-bottom:5px;font-style:normal;font-size:14px}.smart-filter-slider-track-container{overflow:hidden;padding:25px 18px 25px}.smart-filter-slider-track{position:relative;height:7px;background:#e7e7e7}.smart-filter-slider-ruler{position:absolute;top:-6px;width:1px;height:17px;background:#a2bfc7}.smart-filter-slider-ruler.p1{left:-1px}.smart-filter-slider-ruler.p2{left:25%}.smart-filter-slider-ruler.p3{left:50%}.smart-filter-slider-ruler.p4{left:75%}.smart-filter-slider-ruler.p5{right:-1px}.smart-filter-slider-ruler span{position:absolute;top:-16px;left:50%;display:block;margin-left:-50px;width:100px;color:#000;text-align:center;font-size:11px}.smart-filter-slider-ruler.p2 span,.smart-filter-slider-ruler.p3 span,.smart-filter-slider-ruler.p4 span{color:#6b8086}.smart-filter-slider-range{z-index:50}.smart-filter-slider-range,.smart-filter-slider-price-bar,.smart-filter-slider-price-bar-vd,.smart-filter-slider-price-bar-vn,.smart-filter-slider-price-bar-v{position:absolute;top:0;bottom:0}.smart-filter-slider-price-bar{z-index:100}.smart-filter-slider-price-bar-vd{z-index:60;background:#b1b1b1}.smart-filter-slider-price-bar-vn{z-index:70;background-color:var(--theme-color-light)}.smart-filter-slider-price-bar-v{z-index:80;background-color:var(--theme-color-primary)}.smart-filter-slider-handle{position:absolute;top:100%;width:0;height:0;border:7px solid var(--primary)}.smart-filter-slider-handle:hover{cursor:grab;-webkit-cursor:grab;-ms-cursor:grab;-o-cursor:grab}.smart-filter-slider-handle:active{cursor:grabbing;-webkit-cursor:grabbing;-ms-cursor:grabbing;-o-cursor:grabbing}.smart-filter-slider-handle.left{left:0;margin-left:-14px;border-top:7px solid transparent;border-left:7px solid transparent}.smart-filter-slider-handle.right{right:0;margin-right:-14px;border-top:7px solid transparent;border-right:7px solid transparent}.smart-filter-input-group-dropdown{display:block;height:31px;border:1px solid #ccd5db;border-radius:3px}.smart-filter-input-group-dropdown.bx-active,.smart-filter-input-group-dropdown:focus{border-color:var(--primary)}.smart-filter-dropdown-block{position:relative;display:block;margin:0;padding:0 29px 0 10px;width:100%;height:29px;border:0;border-radius:2px;background:#fff}.smart-filter-dropdown-text{overflow:hidden;max-width:100%;height:29px;vertical-align:middle;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:29px;cursor:pointer}.smart-filter-dropdown-text.fix{min-width:120px}.smart-filter-dropdown-text label{cursor:pointer}.smart-filter-dropdown-arrow{position:absolute;top:0;right:0;width:29px;height:29px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; cursor:pointer}.smart-filter-input-group-dropdown-flex{display:flex;align-items:center}.smart-filter-input-group-dropdown-flex .smart-filter-checkbox-btn-image{margin-right:5px}.smart-filter-dropdown-popup{padding:0;min-width:173px;background:#fff}.smart-filter-dropdown-popup ul{margin:0;padding:0;list-style:none}.smart-filter-dropdown-popup ul li{display:block;vertical-align:middle}.smart-filter-dropdown-popup ul li:first-child{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #e5e5e5}.smart-filter-dropdown-popup ul li label{display:flex;align-items:center;overflow:hidden;width:100%;color:#575757;white-space:nowrap;cursor:pointer}.smart-filter-dropdown-popup ul li label.selected,.smart-filter-dropdown-popup ul li label:hover{background:#f3f8fa;color:#000}.smart-filter-dropdown-popup ul li label.disabled{background:transparent;color:#b8b8b8}.smart-filter-dropdown-popup ul li .smart-filter-dropdown-text{padding-left:5px}.smart-filter-tag{padding:18px;border-top:1px solid var(--theme-color-light);border-bottom:1px solid var(--theme-color-light)}.smart-filter .bx-tag-link{color:var(--theme-color-light);text-decoration:none;text-shadow:none;font-size:12px}.smart-filter .bx-tag-link.bx-active,.smart-filter .bx-tag-link:hover{color:#1d3d46}.smart-filter-input-group-checkbox-pictures .smart-filter-param-label{display:block;float:left;margin-right:5px;margin-bottom:5px}.smart-filter-input-group-checkbox-pictures-text .smart-filter-checkbox-label{display:flex;align-items:center}.smart-filter-input-group-checkbox-pictures-text .smart-filter-checkbox-text{padding-left:5px}.smart-filter-checkbox-btn,.smart-filter-checkbox-text-btn{position:relative;display:inline-block;padding:3px;width:31px;height:31px;border:1px solid #ccd5db;border-radius:2px;background:#fff;color:#000;vertical-align:middle;text-align:center;text-decoration:none;font-weight:normal;line-height:23px;cursor:pointer;transition:border .3s ease,box-shadow .1s ease,color .3s ease}.smart-filter-checkbox-btn:hover,.smart-filter-checkbox-btn:active,.smart-filter-checkbox-btn:focus,.smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn,.smart-filter-checkbox-label.bx-active .smart-filter-checkbox-btn,.smart-filter-checkbox-text-label.bx-active .smart-filter-checkbox-btn{border-color:var(--primary)}.smart-filter-checkbox-text,.smart-filter-dropdown-text{font-size:14px}.smart-filter-checkbox-label.disabled .smart-filter-checkbox-text,.smart-filter-dropdown-label.disabled .smart-filter-dropdown-text,.smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-text,.smart-filter-input-group-checkbox-list.disabled .smart-filter-checkbox-text{color:#6c6c6c}.smart-filter-checkbox-label.disabled .smart-filter-checkbox-btn,.smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-btn{position:relative;opacity:.7}.smart-filter-checkbox-label.disabled .smart-filter-checkbox-btn:before,.smart-filter-checkbox-text-label.disabled .smart-filter-checkbox-btn:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; content:' ';opacity:.7}.smart-filter-number-label,.smart-filter-dropdown-label,.smart-filter-checkbox-label,.smart-filter-checkbox-text-label{min-height:20px;font-weight:normal;cursor:pointer}.smart-filter-checkbox-btn-image{display:block;width:23px;height:23px;border-radius:2px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);vertical-align:middle;line-height:24px;-webkit-background-size:cover}.smart-filter-checkbox-btn-image.all{position:relative;border:0;box-shadow:none;display:inline-block}.smart-filter-checkbox-btn-image.all:after,.smart-filter-checkbox-btn-image.all:before{position:absolute;width:60%;height:60%;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);content:" "}.smart-filter-checkbox-btn-image.all:after{right:0;bottom:0}.smart-filter-checkbox-btn-image.all:before{top:0;left:0}.smart-filter-checklist{margin:0;padding:0;list-style:none}.smart-filter-param-label.disabled .smart-filter-param-btn.bx-color-sl{position:relative;background:transparent;box-shadow:none}.smart-filter-param-label.disabled .smart-filter-param-btn.bx-color-sl:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; content:' ';opacity:.7}.smart-filter-param-label .smart-filter-param-btn:hover,.smart-filter-param-label.bx-active .smart-filter-param-btn{border-color:var(--primary)}.smart-filter-param-btn.bx-spm{padding:0;min-width:23px;width:23px;height:23px;border-radius:50%;background-color:transparent;color:#767b7e;vertical-align:top;font-weight:normal;font-size:17px;line-height:23px;} .smart-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .smart-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .smart-filter-param-btn.bx-spm:active{outline:none !important;box-shadow:inset 0 2px 3px rgba(0,0,0,.12)}.smart-filter span.bx-spm{display:inline-block;margin:0 10px;height:23px;color:#000;vertical-align:middle;font-size:18px;line-height:23px}.smart-filter-select-popup .smart-filter-select-text-icon,.smart-filter-select-text-icon{position:relative;display:inline-block;margin-top:-4px;margin-right:2px;width:23px;height:23px;border-radius:2px;vertical-align:middle;line-height:33px}.smart-filter-select-popup .smart-filter-btn-color-icon,.smart-filter-btn-color-icon{display:block;width:24px;height:24px;border-radius:2px;background-size:cover;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);vertical-align:middle;line-height:24px;-webkit-background-size:cover}.smart-filter-select-popup .smart-filter-btn-color-icon{top:0 !important;margin:2px 0;width:20px;height:20px}.smart-filter-select-block .smart-filter-btn-color-icon{top:-1px !important}.smart-filter-param-label.disabled .smart-filter-btn-color-icon{opacity:.2}.smart-filter-parameter-biz{display:inline-block;margin-right:10px;border-bottom:1px dashed;color:#1485ce;text-decoration:none;font-size:14px;line-height:15px}.smart-filter-parameter-biz:hover{border-bottom:1px solid;text-decoration:none}.smart-filter-parameter-biz.bx-active{position:relative;border-color:transparent;color:#000}.btn-themes{color:#fff}.btn-themes.bx-active,.btn-themes.focus,.btn-themes:active,.btn-themes:focus,.btn-themes:hover{color:#fff}.smart-filter-popup-result{position:absolute;z-index:915;display:none;margin-top:-9px;margin-left:10px;padding:0 10px;min-height:37px;border:1px solid #c6dce7;color:#3f3f3f;white-space:nowrap;font-weight:normal;font-size:13px;line-height:18px}.smart-filter-popup-result.left{border-width:2px 10px 2px 2px;-webkit-border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_left.png) 4 20 4 4 repeat;-moz-border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_left.png) 4 20 4 4 repeat;-o-border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_left.png) 4 20 4 4 repeat;border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_left.png) 4 20 4 4 fill repeat}.smart-filter-popup-result.right{border-width:2px 2px 2px 10px;-webkit-border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_right.png) 4 4 4 20 repeat;-moz-border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_right.png) 4 4 4 20 repeat;-o-border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_right.png) 4 4 4 20 repeat;border-image:url(/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/images/result_popup_right.png) 4 4 4 20 fill repeat}.smart-filter-popup-result.right{left:97%}.smart-filter-popup-result.left{right:103%}.smart-filter-horizontal .smart-filter-popup-result{position:relative;right:auto;bottom:-7px;left:auto;display:inline-block}.smart-filter-popup-result a{color:#0073a3;line-height:10px}.smart-filter-popup-result a:hover{text-decoration:none}.smart-filter-popup-result-close{display:none}@media(max-width:767px){.bx-touch .smart-filter-popup-result{position:fixed !important;top:auto !important;right:0 !important;bottom:0 !important;left:0 !important;z-index:1001;margin-top:0;margin-left:0;padding:10px;width:auto;height:auto;border:1px solid #c6dae7;border-radius:2px;background:rgba(255,255,255,.9);font-size:12px;line-height:14px}.bx-touch .smart-filter-popup-result br{display:none}.smart-filter-popup-result .arrow{display:none}} /* End */ /* Start:/bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/themes/yellow/colors.min.css?1744865487126*/ .bx-yellow.bx-filter{--primary:#f4b236;--theme-color-primary:#f4b236;--theme-color-second:#f7c95e;--theme-color-light:#f9d857} /* End */ /* Start:/bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1744865487675*/ div.modern-page-navigation{padding:.5em 0}div.modern-page-navigation a,span.modern-page-current,span.modern-page-dots{border-left-width:1px;border-left-style:solid;padding-left:.75em;padding-right:.5em;text-decoration:none}div.modern-page-navigation a.modern-page-previous{border-right-width:1px;border-right-style:solid;border-left:0}div.modern-page-navigation a.modern-page-first,div.modern-page-navigation span.modern-page-first{border-left:0;padding-left:.5em}span.modern-page-current{font-weight:var(--ui-font-weight-bold)}div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous,span.modern-page-dots{border-color:#cdcdcd} /* End */ /* Start:/bitrix/components/webprostor/configurator.quick.view/templates/.default/style.css?17448654873712*/ #configurator_quick_view #quick_view_picture_wrapper { padding: 20px; border: 1px solid #f3f6f8; margin-bottom: 20px; } #configurator_quick_view #quick_view_picture { width: 100%; height: 400px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } #configurator_quick_view #quick_view_picture_wrapper .configurator-product-carousel.owl-carousel { height: 450px; /*overflow: hidden;*/ background-image: url(/bitrix/images/webprostor.configurator/preloader.gif); background-repeat: no-repeat; background-position: 50% 50%; padding-bottom: 30px; } #configurator_quick_view #quick_view_picture_wrapper .owl-carousel .owl-dots { position: absolute; bottom: 0; width: 100%; margin-top: 0 !important; } #configurator_quick_view #quick_view_picture_wrapper .owl-carousel .owl-nav [class*='owl-'] { color: inherit; border: none; padding: 0 !important; font: inherit; outline: none; width: 40px; height: 40px; background: #f3f6f8; border-radius: 0; line-height: 40px; text-align: center; } #configurator_quick_view #quick_view_picture_wrapper .image-item { padding: 5px; } #configurator_quick_view #quick_view_picture_wrapper .image-wrapper { display: block; height: 400px; background-image: url(/bitrix/images/webprostor.configurator/preloader.gif); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } #configurator_quick_view #quick_view_right_block { padding: 20px; background: #f3f6f8; margin-bottom: 20px; } #configurator_quick_view #quick_view_description { margin-bottom: 15px; } #configurator_quick_view #quick_view_rating > * { margin: 0 auto; } #configurator_quick_view #quick_view_price { font-size: 200%; margin-top: 20px; } #configurator_quick_view #quick_view_properties .quick_view_property { padding: 7px 0 8px; } #configurator_quick_view #quick_view_properties .quick_view_property_key { font-weight: 400; font-size: 13px; line-height: 18px; color: #667482; } #configurator_quick_view #quick_view_properties .quick_view_property_value { font-weight: 400; font-size: 13px; line-height: 18px; word-break: break-word; } #configurator_quick_view .nav.nav-tabs { margin: 0; } #configurator_quick_view .nav.nav-tabs li { margin-left: 0; padding-left: 0; } #configurator_quick_view .nav.nav-tabs li:before { display: none; } #configurator_quick_view .tab-content .tab-pane { padding-top: 20px; } .webprostor-configurator-catalog-section .photo { position: relative; } .webprostor-configurator-catalog-section .quick-view { display: none; background: rgba(255,255,255,0.5) url(/bitrix/images/webprostor.configurator/theme/view.svg) no-repeat 50% 50% / 30px 30px; position: absolute; z-index: 2; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; border-radius: 30px; } .webprostor-configurator-catalog-section .photo:hover .quick-view { display: block; } @media(max-width: 992px) { #configurator_quick_view #quick_view_picture_wrapper .image-wrapper, #configurator_quick_view #quick_view_picture_wrapper .configurator-product-carousel.owl-carousel, #configurator_quick_view #quick_view_picture { height: 300px; } } @media(max-width: 768px) { #configurator_quick_view #quick_view_picture_wrapper .image-wrapper, #configurator_quick_view #quick_view_picture_wrapper .configurator-product-carousel.owl-carousel, #configurator_quick_view #quick_view_picture { height: 200px; } } /* End */ /* /bitrix/components/star/calculatorpro/templates/.default/style.css?174899466747748 */ /* /bitrix/components/webprostor/configurator.onepage/templates/.default/style.css?17448654879204 */ /* /bitrix/components/bitrix/iblock.vote/templates/bootstrap_v4/style.min.css?1744865487200 */ /* /bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.min.css?17448654871413 */ /* /bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/style.min.css?174486548715360 */ /* /bitrix/components/bitrix/catalog.smart.filter/templates/bootstrap_v4/themes/yellow/colors.min.css?1744865487126 */ /* /bitrix/components/bitrix/system.pagenavigation/templates/modern/style.min.css?1744865487675 */ /* /bitrix/components/webprostor/configurator.quick.view/templates/.default/style.css?17448654873712 */