/* Start:/local/templates/main/components/bitrix/catalog/configutators/style.css?17942290747334*/ .content { min-height: auto !important; } .catalog-wrap { width: 1800px; margin: 0 auto; padding-bottom: 60px; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .catalog-wrap { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1023px) { .catalog-wrap { width: 904px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .catalog-wrap { width: 760px; } } @media screen and (max-width: 799px) { .catalog-wrap { width: 440px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .catalog-wrap { padding-bottom: 50px; } } @media screen and (max-width: 1023px) { .catalog-wrap { padding-bottom: 10px; } } @media screen and (min-width: 1280px) { .filter-and-elements { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } } .filter-and-elements .filter-wrap { -webkit-flex: 0 0 312px; -moz-flex: 0 0 312px; -ms-flex: 0 0 312px; flex: 0 0 312px; margin-right: 60px; margin-top: -12px; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .filter-and-elements .filter-wrap { min-width: 295px; max-width: 295px; margin-right: 20px; } } @media screen and (max-width: 1279px) { .filter-and-elements .filter-wrap { min-width: 100%; max-width: 100%; margin-right: 0; } } .filter-and-elements .elements-wrap { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .filter-and-elements .elements-wrap.fadeOut { -webkit-animation-name: animateContentBlockFadeOut; animation-name: animateContentBlockFadeOut; } @-webkit-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @-moz-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @-ms-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @-o-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } .filter-and-elements .elements-wrap.fadeIn { -webkit-animation-name: animateContentBlockFadeIn; animation-name: animateContentBlockFadeIn; } @-webkit-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-moz-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-ms-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-o-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } .filter-and-elements .filter-wrap{ display: none; } .filter-and-elements .elements-wrap{ max-width: 65%; } @media (max-width: 1279px){ .filter-and-elements .elements-wrap{ max-width: 100%; } } /* End */ /* Start:/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/style.css?179422907478536*/ /* SMARTFILTER */ /* SMARTFILTER */ /* PRODUCTS LIST */ /* PRODUCTS LIST */ .configurator-detail { z-index: 17; position: relative; width: 1800px; margin: 0 auto; min-height: calc(70vh); padding-bottom: 50px; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .configurator-detail { width: 1240px; } } @media screen and (max-width: 1279px) and (min-width: 1023px) { .configurator-detail { width: 904px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .configurator-detail { width: 760px; } } @media screen and (max-width: 799px) { .configurator-detail { width: 440px; } } @media screen and (max-width: 1279px) { .configurator-detail { padding-bottom: 40px; } } .configurator-detail h1 span { font-size: 22px; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail h1 span { display: block; line-height: 30px; } } @media screen and (max-width: 1023px) { .configurator-detail h1 span { font-size: 16px; } } @media screen and (max-width: 799px) { .configurator-detail h1 span { display: block; } } .configurator-detail .parameters-items { margin-top: -10px; position: relative; z-index: 1; } @media screen and (min-width: 1280px) { .configurator-detail .parameters-items { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail .parameters-items { margin-top: 0; } } .configurator-detail .parameters-items .left-parameters { min-width: 560px; max-width: 560px; margin-right: 60px; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .configurator-detail .parameters-items .left-parameters { margin-right: 20px; padding-bottom: 20px; min-width: 520px; max-width: 520px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail .parameters-items .left-parameters { padding-bottom: 40px; } } @media screen and (max-width: 1279px) { .configurator-detail .parameters-items .left-parameters { -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; min-width: 1px; max-width: 100%; } } .configurator-detail .parameters-items .left-parameters .parameters { -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .configurator-detail .parameters-items .left-parameters .parameters.fadeOut { -webkit-animation-name: animateContentBlockFadeOut; animation-name: animateContentBlockFadeOut; } @-webkit-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @-moz-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @-ms-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @-o-keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } @keyframes animateContentBlockFadeOut { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } 100% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } } .configurator-detail .parameters-items .left-parameters .parameters.fadeIn { -webkit-animation-name: animateContentBlockFadeIn; animation-name: animateContentBlockFadeIn; } @-webkit-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-moz-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-ms-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-o-keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes animateContentBlockFadeIn { 0% { -moz-transform: translateY(10%); -ms-transform: translateY(10%); -webkit-transform: translateY(10%); -o-transform: translateY(10%); transform: translateY(10%); opacity: 0; } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @media screen and (max-width: 1279px) and (min-width: 1023px) { .configurator-detail .parameters-items .left-parameters .parameters { width: 904px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .configurator-detail .parameters-items .left-parameters .parameters { width: 760px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .left-parameters .parameters { width: 440px; } } .configurator-detail .parameters-items .left-parameters .parameters:not(.without-z-index) { position: relative; z-index: 17; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap { white-space: nowrap; position: relative; margin: 25px 0 0 0; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap:not(.N) { width: 100%; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap.error .list-wrap .items { border: 1px solid red; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap.active .list-wrap .items { z-index: 3; -webkit-box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.07); } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap.active .list-wrap .items .first:after { -webkit-transform: rotate(180deg); /* Chrome y Safari */ -moz-transform: rotate(180deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number); /* Internet Explorer */ -o-transform: rotate(180deg); /* Opera */ -ms-transform: rotate(180deg); } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap .name { color: #1e2629; font-size: 16px; font-family: "Ubuntu Medium", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; margin-bottom: 8px; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap .name span { color: #f5821f; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d8dfe2; padding-left: 18px; background: white; color: #434c51; font-size: 14px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; letter-spacing: .24px; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input:-webkit-autofill, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input:-webkit-autofill:hover, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input:-webkit-autofill:focus, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input:-webkit-autofill:active, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea:-webkit-autofill, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea:-webkit-autofill:hover, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea:-webkit-autofill:focus, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea:-webkit-autofill:active { -webkit-text-fill-color: #434c51 !important; -webkit-box-shadow: 0 0 0 1000px white inset; transition: background-color 5000s ease-in-out 0s; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input:focus, .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea:focus { background: #f6f8f9; border: 1px solid #f6f8f9; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap input { height: 50px; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap textarea { resize: none; height: 140px; padding: 14px 0 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap .delete-line { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-items: center; min-width: 160px; max-width: 160px; min-height: 50px; height: 50px; text-align: center; color: white; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: uppercase; letter-spacing: .64px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; background: #f5821f; text-decoration: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 270px; max-width: 270px; margin-top: 30px; } .configurator-detail .parameters-items .left-parameters .parameters .input-wrap .delete-line:hover:not(.noHover) { background: rgba(245, 130, 31, 0.9); } .configurator-detail .parameters-items .left-parameters .parameters .prop-info { margin: 30px 0 35px 0; } .configurator-detail .parameters-items .left-parameters .parameters .prop-info .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; margin-top: 10px; } .configurator-detail .parameters-items .left-parameters .parameters .prop-info .row .name { color: #818689; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; min-width: 190px; max-width: 190px; } .configurator-detail .parameters-items .left-parameters .parameters .prop-info .row .value { color: #1e2629; font-size: 14px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .configurator-detail .parameters-items .left-parameters .parameters .prop-string { margin: -25px 0 0 0; } .configurator-detail .parameters-items .left-parameters .parameters .prop-string .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; margin-top: 10px; } .configurator-detail .parameters-items .left-parameters .parameters .prop-string .row .name { color: #818689; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; min-width: 270px; } .configurator-detail .parameters-items .left-parameters .parameters .prop-string .row .value { color: #1e2629; font-size: 14px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; margin-left: 10px; } .configurator-detail .parameters-items .left-parameters .parameters .prop-string .row .name, .configurator-detail .parameters-items .left-parameters .parameters .prop-string .row .value { text-transform: none; -webkit-flex: 0; -moz-flex: 0; -ms-flex: 0; flex: 0; height: 20px; line-height: 20px; } .configurator-detail .parameters-items .left-parameters .parameters .button { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-items: center; min-width: 160px; max-width: 160px; min-height: 50px; height: 50px; text-align: center; color: white; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: uppercase; letter-spacing: .64px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; background: #f5821f; text-decoration: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: none; margin-top: 20px; min-width: 120px; max-width: 120px; } .configurator-detail .parameters-items .left-parameters .parameters .button:hover:not(.noHover) { background: rgba(245, 130, 31, 0.9); } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap { height: 50px; position: relative; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap input { display: none; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap.disabled .items { border: 1px solid #f6f8f9; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap.disabled .items .first { cursor: default; background: #f6f8f9; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap.disabled .items .first:after { display: none; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items { border: 1px solid #e1e7e9; background: white; position: absolute; width: 100%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .first { height: 100%; position: relative; line-height: 50px; padding: 0 60px 0 20px; color: #1e2629; font-size: 14px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; cursor: pointer; white-space: nowrap; overflow: hidden; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .first.default { color: #9da1a2; text-transform: none; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .first:after { content: ""; width: 60px; height: 100%; background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/arrow-section-min.png") center no-repeat white; position: absolute; top: 0; margin-top: 0; right: 0; cursor: pointer; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list { border-top: 1px solid #e1e7e9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; overflow: hidden; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list .scrollatorr { max-height: 285px; overflow: auto; scrollbar-color: #f5821f #e4ecef; scrollbar-width: thin; scrollbar-base-color: #f5821f; scrollbar-face-color: #f5821f; scrollbar-3dlight-color: #f5821f; scrollbar-highlight-color: #f5821f; scrollbar-track-color: #e4ecef; scrollbar-arrow-color: #e4ecef; scrollbar-shadow-color: #f5821f; scrollbar-dark-shadow-color: #f5821f; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list .scrollatorr::-webkit-scrollbar { width: 2px; background-color: #e4ecef; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list .scrollatorr::-webkit-scrollbar-thumb { width: 2px; background-color: #f5821f; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list .scrollatorr .item { height: 40px; width: 100%; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; position: relative; padding: 0 60px 0 20px; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; overflow: hidden; line-height: 13px; color: #1e2629; font-size: 14px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; white-space: normal; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list .scrollatorr .item.active { cursor: default; background: #f5821f; color: white; } .configurator-detail .parameters-items .left-parameters .parameters .list-wrap .items .list .scrollatorr .item:last-child { margin-bottom: 0; } .configurator-detail .parameters-items .left-parameters .description { margin-top: 35px; width: 565px; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .left-parameters .description { width: 100%; } } .configurator-detail .parameters-items .left-parameters .description .description-title { color: #1e2629; font-size: 16px; font-family: "Ubuntu Medium", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; margin-bottom: 5px; } .configurator-detail .parameters-items .left-parameters .description .text { color: #1e2629; font-size: 14px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; line-height: 20px; } .configurator-detail .parameters-items .right-items { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table { width: 100%; } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table { margin-top: 30px; } } @media screen and (max-width: 1023px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table { margin-top: 40px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list { margin-bottom: 60px; } @media screen and (max-width: 1279px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list { margin-bottom: 40px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list.searched { margin-bottom: 30px; } @media screen and (max-width: 1279px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list.searched { margin-bottom: 20px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product { width: 100%; height: 213px; margin: 0 0 30px 0; border: 1px solid #d8dfe2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product { margin: 0 0 20px 0; } } @media screen and (max-width: 1839px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product { height: 290px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product { height: 184px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product:hover:not(.noHover) { -webkit-box-shadow: 0 5px 43px 0 rgba(0, 0, 0, 0.14); -moz-box-shadow: 0 5px 43px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 5px 43px 0 rgba(0, 0, 0, 0.14); z-index: 2; border: 1px solid rgba(0, 0, 0, 0.04); } @media screen and (min-width: 1840px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .image { min-width: 200px; max-width: 200px; height: 200px; overflow: hidden; position: relative; display: block; z-index: 0; margin-left: 20px; } @media screen and (max-width: 1839px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .image { min-width: 170px; max-width: 170px; height: 170px; margin-left: 5px; } } @media screen and (max-width: 1279px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .image { margin-top: 25px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .image { min-width: 101px; max-width: 101px; height: 101px; margin-top: 10px; margin-left: 5px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; height: auto; max-height: 100%; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info { padding: 0 20px 0 30px; height: 100%; min-width: 560px; max-width: 560px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info { min-width: auto; max-width: none; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; align-items: flex-start; } } @media screen and (max-width: 1839px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info { padding: 8px 10px 2px 15px; height: 188px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info { padding: 3px 15px 3px 25px; height: 106px; max-width: 300px; } } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: 100%; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center { width: 100%; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .left-icons { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; height: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .left-icons { display: none; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .left-icons .left-str { color: #f5821f; font-size: 15px; font-family: "Ubuntu Medium", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; border: 1px solid #f5821f; background: white; height: 100%; min-width: 50px; max-width: 50px; text-align: center; line-height: 20px; margin-right: 10px; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .name-wrap { max-height: 42px; overflow: hidden; display: block; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .name-wrap { margin-top: 0; max-height: 64px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .name-wrap .name { color: #1e2629; font-size: 16px; font-family: "Ubuntu Medium", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; display: inline-block; text-decoration: none; word-break: break-word; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .name-wrap .name:hover:not(.noHover) { color: #f5821f; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; margin-top: 15px; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap { margin-top: 0; height: 45px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap { margin-top: -5px; height: 28px; align-items: center; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props { min-width: 225px; max-width: 225px; height: 45px; } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props { height: 100%; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props .prop { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props .prop:not(.artnumber):not(.brand) { display: none; } } @media screen and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props .prop.brand { display: none; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props .prop span { white-space: nowrap; overflow: hidden; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props .prop span:first-child { min-width: 60%; max-width: 60%; color: #818689; font-size: 12px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .props .prop span:last-child { min-width: 40%; max-width: 40%; text-align: right; color: #1e2629; font-size: 12px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .brand-image { margin-left: 40px; } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .brand-image { display: none; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .brand-image.promrukav { min-width: 115px; max-width: 115px; height: 29px; background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/svg/promrukav-font-dark.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .props-wrap .brand-image.stroitel { min-width: 88px; max-width: 88px; height: 34px; background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/svg/stroitel-blue.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; margin-top: 15px; min-width: 100%; } @media screen and (max-width: 1839px) and (min-width: 1024px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props { margin-top: 10px; } } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props { margin-top: 0; height: 37px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props { display: none; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop { min-width: 32px; max-width: 32px; height: 37px; margin-right: 7px; position: relative; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon { width: 100%; height: 100%; background-size: contain !important; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.USTOYCHIVOST_K_UF_IZLUCHENIYU { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/USTOYCHIVOST_K_UF_IZLUCHENIYU.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.NE_SODERZHIT_BEZ_GALOGENOV { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/NE_SODERZHIT_BEZ_GALOGENOV.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.ZALIVKA_BETONOM { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/ZALIVKA_BETONOM.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.NEGORYUCHEST_PV_0 { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/NEGORYUCHEST_PV_0.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.NE_RASPROSTRANYAET_GORENIE { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/NE_RASPROSTRANYAET_GORENIE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.MASLOBENZOSTOYKOST { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/MASLOBENZOSTOYKOST.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.MOROZOSTOYKOST { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/MOROZOSTOYKOST.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.TERMOSTOYKOST { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/TERMOSTOYKOST.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .icon.PODKHODIT_DLYA_PRYAMOGO_MONTAZHA { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/PODKHODIT_DLYA_PRYAMOGO_MONTAZHA.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop:hover:not(.noHover) .help-str { display: block; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.USTOYCHIVOST_K_UF_IZLUCHENIYU { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/USTOYCHIVOST_K_UF_IZLUCHENIYU-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.NE_SODERZHIT_BEZ_GALOGENOV { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/NE_SODERZHIT_BEZ_GALOGENOV-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.ZALIVKA_BETONOM { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/ZALIVKA_BETONOM-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.NEGORYUCHEST_PV_0 { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/NEGORYUCHEST_PV_0-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.NE_RASPROSTRANYAET_GORENIE { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/NE_RASPROSTRANYAET_GORENIE-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.MASLOBENZOSTOYKOST { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/MASLOBENZOSTOYKOST-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.MOROZOSTOYKOST { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/MOROZOSTOYKOST-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.TERMOSTOYKOST { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/TERMOSTOYKOST-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop.disable .icon.PODKHODIT_DLYA_PRYAMOGO_MONTAZHA { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/logic-icons/PODKHODIT_DLYA_PRYAMOGO_MONTAZHA-NO-STRIKE.svg") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .help-str { position: absolute; width: 150px; top: 52px; left: 50%; margin-left: -75px; padding: 7px 10px; color: white; font-size: 12px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; line-height: 13px; text-align: center; background: #1e2629; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: break-all; /* for IE */ word-break: break-word; top: 45px; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .help-str:before { content: ''; position: absolute; background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../img/help-angle.png") center no-repeat; width: 11px; height: 9px; left: 50%; margin-left: -5.5px; top: -9px; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .logic-props .prop .help-str:before { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/help-angle.png") center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons { min-width: 371px; max-width: 371px; height: 100%; background: #f6f8f9; padding: 60px 30px 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons { min-width: 100%; max-width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } } @media screen and (max-width: 1839px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons { height: 90px; padding: 0 15px 0 20px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons { height: 70px; padding: 0 8px 0 20px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons * { transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; width: 100%; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price { width: 345px; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price { width: 552px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price { width: 408px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price { width: 208px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare { min-width: 102px; max-width: 102px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 18px; background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/compare-icon-min.png") left center no-repeat; padding-left: 23px; line-height: 18px; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare { min-width: 14px; max-width: 14px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare:hover:not(.noHover) span { border-bottom: 1px dotted transparent; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare[data-action="remove"] { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/sravnenie-icon-active-min.png") left center no-repeat; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare[data-action="remove"] span { border-bottom: 1px dotted transparent; padding-top: 3px; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare span { color: #32393c; font-size: 12px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; border-bottom: 1px dotted #32393c; height: 10px; line-height: 12px; display: inline-block; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding-top: 7px; } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .add-to-compare span { font-size: 0; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap { text-align: right; margin-left: auto; line-height: 18px; -webkit-flex: 0 0 180px; -moz-flex: 0 0 180px; -ms-flex: 0 0 180px; flex: 0 0 180px; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .ot, .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .measure { color: #1e2629; font-size: 14px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .price { color: #1e2629; font-size: 26px; font-family: "Ubuntu Medium", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; word-spacing: 0; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .sub-price .ot, .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .sub-price .measure { color: #818689; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .sub-price .price { color: #818689; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; word-spacing: 0; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap .price-type-desc { color: #1e2629; font: 12px/18px 'Ubuntu Light', Arial, Sans-Serif; word-spacing: 0.2em; line-height: 12px; padding-top: 3px; } @media screen and (max-width: 1839px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .compare-and-price .price-wrap { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; margin: 0 0 0 auto; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart { margin-top: 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; height: 50px; } @media screen and (max-width: 1839px) and (min-width: 1024px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart { margin: 0 0 0 20px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart { margin: 0 0 0 20px; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart { margin: 0 0 0 40px; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity { height: 100%; background: white; min-width: 100px; max-width: 100px; border: 1px solid #d8dfe2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity * { vertical-align: middle !important; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; transition: all 0.1s ease; -o-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; height: 100%; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity .minus, .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity .plus { cursor: pointer; min-width: 30px; max-width: 30px; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity .minus.noActive, .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity .plus.noActive { cursor: default; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity .minus { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/minus-icon-min.png") no-repeat 10px center; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity .plus { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/catalog/plus-icon-min.png") no-repeat 10px center; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .quantity input { min-width: 40px; max-width: 40px; border: 0; text-align: center; color: #1e2629; font-size: 16px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .add-to-cart { min-width: 180px; max-width: 180px; height: 100%; margin-left: 30px; background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/favorite-icon-white.png") no-repeat 20px center #f5821f; cursor: pointer; padding-left: 65px; color: white; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: none; line-height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .add-to-cart { margin-left: 15px; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .add-to-cart { margin-left: 10px; padding-left: 58px; background-position: 13px center; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .add-to-cart { font-size: 0; margin-left: 10px; min-width: 50px; max-width: 50px; height: 50px; padding: 0; background-position: center !important; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .price-and-buttons .quantity-and-cart .add-to-cart:hover:not(.noHover) { background: url("/local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/../../../../../../../img/favorite-icon-white.png") no-repeat 20px center #1e2629; } .configurator-detail .parameters-items .right-items .products-block-wrap .show-more { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; align-items: center; align-items: center; min-width: 160px; max-width: 160px; min-height: 50px; height: 50px; text-align: center; color: white; font-size: 16px; font-family: "Ubuntu", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-transform: uppercase; letter-spacing: .64px; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; background: #818689; text-decoration: none; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 250px; max-width: 250px; margin: 0 auto; } .configurator-detail .parameters-items .right-items .products-block-wrap .show-more:hover:not(.noHover) { background: #f5821f; } @media screen and (max-width: 1839px) and (min-width: 1280px) { .configurator-detail .parameters-items .right-items .products-block-wrap .show-more { margin: 40px auto 0 auto; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail .parameters-items .right-items .products-block-wrap .show-more { margin: 25px auto 0 auto; } } @media screen and (max-width: 1023px) and (min-width: 800px) { .configurator-detail .parameters-items .right-items .products-block-wrap .show-more { min-width: 240px; max-width: 240px; } } @media screen and (max-width: 1023px) { .configurator-detail .parameters-items .right-items .products-block-wrap .show-more { margin: 20px auto 0 auto; } } @media screen and (max-width: 799px) { .configurator-detail .parameters-items .right-items .products-block-wrap .show-more { min-width: 100%; max-width: 100%; } } @media screen and (max-width: 1279px) and (min-width: 1024px) { .configurator-detail .parameters-items .right-items .products-block-wrap .bx-pagination { margin-top: 40px !important; } } @media screen and (max-width: 1023px) { .configurator-detail .parameters-items .right-items .products-block-wrap .bx-pagination { display: none !important; } } .configurator-detail .parameters-items .right-items .products-block-wrap .products-block.table .list .product .info .center .left-icons .left-str.minpromtorg { color: #c90237; max-width: 100%; padding: 0 8px; border-color: #c90237; } /* End */ /* Start:/local/templates/main/components/bitrix/system.pagenavigation/main/style.css?17942290752671*/ /* SMARTFILTER */ /* SMARTFILTER */ /* PRODUCTS LIST */ /* PRODUCTS LIST */ .bx-pagination { margin-top: 60px; height: auto; position: relative; text-align: center; } .bx-pagination ul { padding: 0; margin: 0; list-style: none; white-space: nowrap; } .bx-pagination ul li { display: inline-block; vertical-align: top; white-space: normal; padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; position: relative; z-index: 1; margin-right: 7px; border: 1px solid #d8dfe2; background: white; } .bx-pagination ul li:last-child { margin-right: 0; } .bx-pagination ul li span, .bx-pagination ul li a { display: block; width: 100%; height: 100%; color: #1e2629; font-size: 16px; font-family: "Ubuntu Light", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-decoration: none; } .bx-pagination ul li:hover:not(.noHover):not(.noActive):not(.dots), .bx-pagination ul li.bx-active { border: 1px solid #1e2629; } .bx-pagination ul li:hover:not(.noHover):not(.noActive):not(.dots) span, .bx-pagination ul li:hover:not(.noHover):not(.noActive):not(.dots) a, .bx-pagination ul li.bx-active span, .bx-pagination ul li.bx-active a { color: #f5821f; font-family: "Ubuntu Medium"; } .bx-pagination ul li.bx-pag-prev.noActive, .bx-pagination ul li.bx-pag-next.noActive { cursor: default; border: 1px solid #1e2629; opacity: .2; } .bx-pagination ul li.bx-pag-prev { background: url("/local/templates/main/components/bitrix/system.pagenavigation/main/img/pagen-arrow-left.svg") center no-repeat; } .bx-pagination ul li.bx-pag-next { background: url("/local/templates/main/components/bitrix/system.pagenavigation/main/img/pagen-arrow-right.svg") center no-repeat; } .bx-pagination ul li.bx-pag-all { margin-right: 30px; } .bx-pagination ul .dots { width: 20px; height: 40px; font-size: 0; vertical-align: top; white-space: normal; text-align: center; color: #1e2629; font-size: 16px; font-family: "Ubuntu Medium", Arial, Sans-Serif; text-transform: uppercase; word-spacing: 0.2em; text-decoration: none; border: 0; } /*# sourceMappingURL=style.css.map */ /* End */ /* /local/templates/main/components/bitrix/catalog/configutators/style.css?17942290747334 */ /* /local/templates/main/components/bitrix/catalog/configutators/bitrix/catalog.element/id-19921/style.css?179422907478536 */ /* /local/templates/main/components/bitrix/system.pagenavigation/main/style.css?17942290752671 */