/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/last_link_dc/style.css?1722499473639*/ .bx-breadcrumb { margin: 10px 0; z-index: 10; position: relative; } .bx-breadcrumb i { color: #b5bdc2; line-height: 13px; font-size: 12px; vertical-align: middle; margin-right: 5px; } .bx-breadcrumb .bx-breadcrumb-item { float: left; margin-bottom: 10px; white-space: nowrap; line-height: 13px; vertical-align: middle; margin-right: 10px; } .bx-breadcrumb .bx-breadcrumb-item span { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; white-space: normal; } .bx-breadcrumb .bx-breadcrumb-item a { border-bottom: none; color: #808080; } .bx-breadcrumb .bx-breadcrumb-item a:hover {} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/catalog/mod/style.css?17458292841122*/ .grid{} .grid .bx_content_section{ margin-bottom: 15px; } .grid .bx_sidebar{ margin-bottom: 15px; } /* grid2x1 */ .grid2x1{} .grid2x1 .bx_content_section{ float: left; width: 66%; margin-bottom: 15px; } .grid2x1 .bx_sidebar{ float: right; width: 33%; margin-bottom: 15px; padding-left: 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width:960px){ .grid2x1 .bx_sidebar{ padding-left: 4%; } } @media (max-width:640px) { .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar{ width: 100%; float: none; } .grid2x1 .bx_sidebar{ padding-left: 3%; } } @media (max-width:479px){ .grid2x1 .bx_sidebar{ padding-left: 1%; } } .catalog-block-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } body.bx-theme-blue .catalog-block-header{border-color:#006cc0;} body.bx-theme-green .catalog-block-header{border-color:#63aa28;} body.bx-theme-red .catalog-block-header{border-color:#da3737;} body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;} /* End */ /* Start:/bitrix/templates/m_dc/components/bitrix/catalog.element/.default/style.css?173530385539746*/ /*region Sidebar */ .product-item-detail-pay-block { position: relative; margin-bottom: 15px; padding: 15px 15px 0; border: 1px solid #e4e4e4; border-radius: 3px; background-color: #fff; } .bx-retina .product-item-detail-pay-block { border-width: .5px; } /*endregion*/ /*region Head*/ .product-pdf-block{ margin: 0; } .product-main-block a.btn-std>div, .product-main-block input.btn-std{ width: calc(100% - 50px); } .product-pdf-item{ margin: 5px 10px; font-size: 14px; } .product-pdf-img{ margin-right: 5px; margin-top: -4px; } .product-pdf-text{ display: inline-flex; width: calc(100% - 20px); } .product-item-ribbon{ position: absolute; z-index: 100; right: 20px; } .moroz-ribbon{ width: 30px; } .firestop-ribbon{ width: 27px; } .dc-ribbon{ margin-right: 20px; margin-top: 20px; } .product-item-scu-container-title-block{ margin-bottom: 10px; } .product-title{ } .popup-window-content .alx-feedb-error{ margin-top: 0; } .popup-window-titlebar .access-title-bar{ font-size: 20px; margin: 20px 50px 0 10px; } .popup-window-close-icon:after{ width: 20px; height: 20px; } .popup-window-with-titlebar .popup-window-content{ padding: 10px; } .popup-window.popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content{ background-color: inherit; } .product-second-props{ } /*endregion*/ /*region Compare*/ .product-item-detail-compare-container { position: relative; margin: 0 -15px 1px -14px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e4e4e4; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; color: #4e4e4e; vertical-align: middle; font-size: 12px; line-height: 20px; border-radius:1px; } .product-item-detail-compare .checkbox { margin: 0; padding: 0; } /*endregion*/ /*region Price */ .product-item-detail-price-current { color: #fff; white-space: nowrap; font-weight: bold; text-align: left; font-size: 30px; line-height: 33px; transition: font-size 200ms ease; font-family: MyriadProBold, serif; } .product-item-detail-price-old { color: #bdbdbd; text-align: center; text-decoration: line-through; white-space: nowrap; font-weight: bold; font-size: 14px; line-height: 17px; } .product-item-detail-economy-price{ color: #333; text-align: center; font-weight: bold; font-size: 14px; line-height: 17px; } /*endregion*/ .product-item-detail-info-container-title { color: #a5a5a5; font-size: 12px; display: inline-block; } /*region SCU */ .product-item-scu-container-title { color: #fd4c00; font-size: 14px; font-family: "MyriadProLight", sans-serif; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { display: inline-block; box-sizing: border-box; max-width: 100%; vertical-align: middle; } .product-item-scu-item-text-container { min-width: 48px; display: block; text-align: left; } .product-item-scu-item-color-container { max-width: 50px!important; width: 50px!important; padding: 0!important; } .product-item-scu-item-color-block { position: relative; padding-top: 100%; outline: none !important; outline-width: 0 !important; cursor: pointer; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color { border: 3px solid #fd4c00; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color { border: 3px solid rgba(253, 76, 0, 0.3);} .product-item-scu-item-color { position: absolute; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; background-position: center; background-size: contain; background-repeat: no-repeat; height: 46px; width: 46px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-scu-item-text-block { position: relative; padding: 5px; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid rgba(0, 0, 0, 0); } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { border: 3px solid #fd4c00; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 14px; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; overflow: hidden; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } .product-item-selected-scu-container { word-spacing: 1px } .product-item-selected-scu { display: inline-block; overflow: hidden; padding: 0 5px; min-width: 22px; height: 22px; outline: 1px solid #c0cfda; outline-color: var(--theme-color-primary); vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 22px; } .bx-retina .product-item-selected-scu { outline-width: .5px; } .product-item-selected-scu-color { background-position: center; background-size: 20px 20px; background-repeat: no-repeat; } /*endregion*/ /*region Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #f2f2f2; } .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease; } .product-item-amount-field-btn-plus:after { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath fill='%23fd4c00' fill-rule='evenodd' d='M18,12 L18,0 L12,0 L12,12 L0,12 L0,18 L12,18 L12,30 L18,30 L18,18 L30,18 L30,12 L18,12 Z'/%3e%3c/svg%3e") no-repeat center; background-size: 20px; } .product-item-amount-field-btn-minus:after { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3crect width='30' height='6' y='12' fill='%23fd4c00' fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat center; background-size: 20px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: calc(100% - 52px); width: auto; height: 30px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #fff; vertical-align: middle; text-align: center; font-weight: bold; line-height: 30px; transition: border 300ms ease; font-size: 22px; font-family: MyriadProBold, serif; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; border-color: #006cc0; border-color: var(--theme-color-primary); } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .product-item-amount-description-container { color: #a5a5a5; font-size: 12px; } .product-item-amount-description-container strong { color: #fff; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } /**/ .product-item-quantity { color: #c6c6c6; font-weight: normal; font-size: 12px; } /*endregion*/ /*region Buy button*/ .btn.product-item-detail-buy-button { position: relative; display: block; margin: 0 auto; max-width: 250px; width: 100%; padding-top: 12px; padding-bottom: 12px; font-weight: bold; text-transform: uppercase; } .product-item-detail-short-card-btn .btn.product-item-detail-buy-button { margin: 0; } .btn.product-item-detail-buy-button span { position: absolute; top: 50%; right: 0; left: 0; display: inline-block; min-height: 16px; max-width: 100%; white-space: normal; line-height: 16px; transform: translateY(-50%); } .btn-link.product-item-detail-buy-button { height: 25px; } .product-item-detail-pay-block .buttons-parrent{ line-height: 30px; font-size: 18px; } /*endregion*/ /*region Slider */ .product-item-detail-slider-container-inner { position: relative; max-width: 100%; z-index:90; display: inline; margin-top: 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-detail-slider-block { position: relative; box-sizing: border-box; padding-top: 56.25%; height: 0; width: 100%; } .product-item-detail-slider-block.product-item-detail-slider-block-square { padding-top: 100%; } .product-item-detail-slider-images-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .popup .product-item-detail-slider-images-container { margin-left: 0; } .popup .product-item-detail-slider-container-inner { display: flex; } .product-item-detail-slider-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; opacity: 0; transition: opacity 250ms linear; max-width: 800px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-detail-slider-image video{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-detail-slider-image.active { z-index: 10; opacity: 1; } .product-item-detail-slider-image img { position: absolute; /*top: 50%;*/ left: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; outline: 1px solid transparent; background-position: center; background-repeat: no-repeat; transition: background-size 450ms ease, width 450ms ease, height 450ms ease, outline 450ms ease; transform: /*translateY(-50%)*/ translateX(-50%); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-detail-slider-image img[src$=png] { filter: brightness(999); } .product-item-detail-slider-progress-bar { position: absolute; bottom: 0; left: 0; z-index: 180; height: 3px; background-color: #006cc0; background-color: var(--theme-color-primary) } /*endregion*/ /*region Slider Controls*/ .product-item-detail-slider-controls-block { padding: 0; text-align: left; width: 100%; margin-top: 20px; } .product-item-detail-slider-controls-image { position: relative; display: inline-block; overflow: hidden; width: 90px; height: 90px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /*background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY/j//z8ABf4C/qc1gYQAAAAASUVORK5CYII=); */ text-align: center; cursor: pointer; } .product-item-detail-slider-controls-image:hover, .product-item-detail-slider-controls-image.active { border: 3px solid #fff; border-color: #fd4c00; } /* .bx-no-retina .product-item-detail-slider-controls-image.active {border-width: 2px; } .bx-retina .product-item-detail-slider-controls-image { border-width: 1px; } .bx-retina .product-item-detail-slider-controls-image.active { border-width: 1px; }*/ .product-item-detail-slider-controls-image img { position: absolute; top: 50%; left: 50%; max-width: 90px; max-height: 90px; width: auto; height: auto; transform: translateY(-50%) translateX(-50%); } .product-item-detail-slider-controls-image img[src$=png] { filter: brightness(999); } .product-item-detail-slider-controls-image img[src$='video.png'] { filter: none; } .product-item-detail-slider-left, .product-item-detail-slider-right { position: absolute; top: 0; bottom: 0; z-index: 111; display: block; width: 25%; background: rgba(255, 255, 255, 0) url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2230%22%20viewBox%3D%220%200%2016%2030%22%3E%3Cpolygon%20fill%3D%22%23000000%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2050%202%2036%2016%2022%2015%2021%201%2035%200%2036%201%2037%2015%2051%22%20transform%3D%22translate(0%20-21)%22%2F%3E%3C%2Fsvg%3E') no-repeat center; opacity: .57; cursor: pointer; transition: all 300ms ease; } .product-item-detail-slider-left { left: 0; } .product-item-detail-slider-right { right: 0; transform: rotate(180deg); } .product-item-detail-slider-left:hover, .product-item-detail-slider-right:hover { background-color: rgba(255, 255, 255, .4); opacity: .8; } .product-item-detail-slider-close { display: none; } .product-item-detail-slider-container.popup .product-item-detail-slider-close { position: absolute; top: 0; right: 110px; bottom: 0; z-index: 150; display: block; width: 50px; height: 50px; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpolygon%20fill%3D%22%23fd4c00%22%20fill-rule%3D%22evenodd%22%20points%3D%2216%2015.1%208.944%208%2016%201%2015.006%200%208.05%207%20.994%200%200%201%207.056%208%200%2015.1%20.994%2016%208.05%209%2015.006%2016%22%2F%3E%3C%2Fsvg%3E') no-repeat center; cursor: pointer; } .product-item-detail-slider-container.popup .product-item-detail-slider-close:hover { opacity: 1; } .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 105px; } /*endregion*/ /*region magnified*/ .product-item-detail-slider-container.magnified .product-item-detail-slider-image { z-index: 100; } .product-item-detail-slider-container.magnified .product-item-detail-slider-image img { outline-color: #ddd; } .product-item-detail-slider-container.magnified .product-item-detail-slider-left, .product-item-detail-slider-container.magnified .product-item-detail-slider-right { z-index: 50; } .product-item-detail-slider-container.magnified .product-item-label-text, .product-item-detail-slider-container.magnified .product-item-label-ring { opacity: 0; } /* >>> popup*/ .product-item-detail-slider-container.popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; width: 100%; height: 100%; background-color: #00000099; } .product-item-detail-slider-container.popup .product-item-detail-slider-container-inner { animation-name: imgPopupShow; animation-duration: 300ms; max-width: 910px; margin-right: auto; margin-left: auto; width: 100%; max-height: 800px; background-color: #212026; /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY/j//z8ABf4C/qc1gYQAAAAASUVORK5CYII=);*/ } /*.product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 105px; }*/ .product-item-detail-slider-container.popup .product-item-detail-slider-block { padding-top: 0; height: 100vh; width: calc(100% - 110px); } .product-item-detail-slider-container.popup .product-item-detail-slider-image { position: absolute; /*top: 50%;*/ left: 50%; max-height: 100vh; width: 100%; transform: /*translateY(-50%)*/ translateX(-50%); } @-webkit-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } @keyframes imgPopupShow { from { opacity: 0; } to { opacity: 1; } } .product-item-detail-slider-container.popup .product-item-detail-slider-image img { max-width: 100%; max-height: 90vh; width: auto; cursor: default; } .popup .product-item-detail-slider-container.popup .product-item-detail-slider-image img{ } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { position: absolute; top: 0; right: 0; bottom: 0; overflow-y: auto; padding: 20px; width: auto; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image { display: block; margin-bottom: 20px; } /*endregion*/ /*region Slider Mobile*/ @media (max-width: 767px) { .product-item-detail-slider-container.popup .product-item-detail-slider-images-container { right: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-block { padding-top: 0; width: 100%; } .product-item-detail-slider-container.popup .product-item-detail-slider-image img { max-width: 100%; width: auto; cursor: default; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { position: absolute; top: auto; right: 0; bottom: 0; left: 0; overflow-x: auto; overflow-y: hidden; max-height: 111px; border-top: 1px solid #333; border-left: none; white-space: nowrap; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-image { display: inline-block; margin-bottom: 0; } .product-item-detail-slider-container.popup .product-item-detail-slider-close { right: 0; z-index: 200; } .product-item-detail-slider-left, .product-item-detail-slider-right { max-width: 75px; } .product-item-detail-slider-container.popup .product-item-detail-slider-right { right: 0; } } /*endregion*/ /*region Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 190; opacity: 1; transition: opacity 450ms ease; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } .product-item-detail-slider-container.popup .product-item-label-text, .product-item-detail-slider-container.popup .product-item-label-ring { display: none; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; } .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 20px; height: 20px; font-size: 13px; line-height: 20px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); } /*endregion*/ /*region Tabs */ .product-item-detail-tabs-container { min-height: 60px; } .product-item-detail-tabs-list { display: block; margin: 0; padding: 0; list-style: none; } .product-item-detail-tabs-list:after { display: table; clear: both; content: ""; } .product-item-detail-tab { float: left; min-height: 60px; } .product-item-detail-tab-link { position: relative; display: inline-block; box-sizing: border-box; padding: 10px 25px; height: 60px; color: #c6c6c6; vertical-align: middle; text-transform: uppercase; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; font-size: 13px; line-height: 45px; transition: all 250ms ease; } .product-item-detail-tab-link:hover, .product-item-detail-tab.active .product-item-detail-tab-link { color: #006cc0; color: var(--theme-color-primary); text-decoration: none; font-weight: bold; } .product-item-detail-tab .product-item-detail-tab-link{ font-family: MyriadProLight, serif; } .product-item-detail-tab-link:after { position: absolute; right: 0; bottom: 0; left: 0; height: 0; background: #006cc0; background: var(--theme-color-primary); content: ""; transition: all 250ms ease; } .product-item-detail-tab-link:hover:after, .product-item-detail-tab.active .product-item-detail-tab-link:after { height: 6px; background: #fd4c00; border-radius: 3px; } .product-item-detail-tab-link:active:after { height: 6px; } .product-item-detail-tab-content { padding: 25px 0; } @media (max-width: 991px) { .product-item-detail-tabs-container { display: none !important; } .product-item-detail-tab-content { display: block !important; } .product-item-detail-slider-container.popup .product-item-detail-slider-container-inner { max-height: 100%; margin-top: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .product-item-detail-slider-container.popup{ background-color: #212026; } } /*Tab fixed*/ .product-item-detail-tabs-container-fixed { position: fixed; top: -100px; right: 0; left: 0; z-index: 300; background-color: #fff; box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23); transition: top 350ms linear; } .product-item-detail-tabs-container-fixed { min-height: 45px; background: #fff; } .product-item-detail-tabs-container-fixed.active { top: 0; opacity: 1; } .product-item-detail-tabs-container-fixed .product-item-detail-tabs-list { margin: 0 auto; max-width: 1048px; } .product-item-detail-tabs-container-fixed .product-item-detail-tab { min-height: 45px; } .product-item-detail-tabs-container-fixed .product-item-detail-tab-link { padding: 10px 25px; height: 45px; line-height: 25px; } .bx-touch .product-item-detail-tabs-container-fixed { display: none !important; } /*endregion*/ /*region Small Card*/ .product-item-detail-short-card-fixed { position: fixed; top: -85px; right: 0; left: 0; z-index: 310; box-sizing: border-box; height: 85px; background-color: #fff; box-shadow: 0 4px 14px 0 rgba(32, 54, 74, .23); transition: top 220ms linear; } .product-item-detail-short-card-fixed.active { top: 0; opacity: 1; } .product-item-detail-short-card-fixed.active + .product-item-detail-tabs-container-fixed.active { top: 85px; } .bx-touch .product-item-detail-short-card-fixed { display: none !important; } .product-item-detail-short-card-fixed .product-item-detail-short-card-content-container { margin: 0 auto; max-width: 1048px; display: -webkit-box; display: -ms-flexbox; display: flex; width:100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-item-detail-short-card-image { padding-right: 15px; width: 80px; max-width:80px; vertical-align: middle; text-align: center; } .product-item-detail-short-card-image img { max-width: 100%; height: auto; max-height: 65px; width: 100%; } .product-item-detail-short-title-container { max-width: 650px; -webkit-box-flex:1; -ms-flex:1; flex:1; } .product-item-detail-short-title-text { display: block; color: #000; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } .product-item-detail-short-card-price { padding: 0 10px; vertical-align: middle; text-align: right; } .product-item-detail-short-card-btn { padding-left: 10px; min-width: 120px; } /*endregion*/ /*region Properties */ .product-item-detail-tab-content { display: none; } .product-item-detail-tab-content.active { display: block; } .product-item-detail-tab-content h3 { margin-bottom: 10px; font-weight: bold; font-size: 14px; } .product-item-detail-properties { margin: 20px 0; padding: 0; list-style: none; display: block; } .product-item-detail-properties-item { padding: 2px; display: flex; align-items: stretch; border-top: 1px solid #555; } .product-item-detail-properties-item:last-child { border-bottom: 1px solid #555; } .product-item-detail-properties-item:nth-child(odd) { background-color: #f9f9f9; } .product-item-detail-properties-dots{ /*border-bottom:1px dotted #a5a5a5;*/ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; display: none; } .product-item-detail-properties-name, .product-item-detail-properties-value { -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 16px; font-family: 'MyriadProLight', sans-serif; } .product-item-detail-properties-name{ padding-right: 3px; color: #c6c6c6; max-width: 30%; width: 30%; } .product-item-detail-properties-value { color: #fff; font-weight: bold; padding-left: 3px; max-width: 70%; } .product-main-block .product-item-detail-properties-dots{ display: inherit; } .product-main-block .product-item-detail-properties-value { text-align: right; width: auto; } .product-main-block .product-item-detail-properties-name { width: auto; max-width: 80%; } /*endregion*/ .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .fav-line { position: absolute; right: 0; } .card_fav{ margin: 5px 5px 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAYAAAAw73wjAAABMWlDQ1BBZG9iZSBSR0IgKDE5OTgpAAAoz62OsUrDUBRAz4ui4lArBHFweJMoKLbqYMakLUUQrNUhydakoUppEl5e1X6Eo1sHF3e/wMlRcFD8Av9AcergECGDgwie6dzD5XLBqNh1p2GUYRBr1W460vV8OfvEDFMA0Amz1G61DgDiJI74wecrAuB50647Df7GfJgqDUyA7W6UhSAqQP9CpxrEGDCDfqpB3AGmOmnXQDwApV7uL0ApyP0NKCnX80F8AGbP9Xww5gAzyH0FMHV0qQFqSTpSZ71TLauWZUm7mwSRPB5lOhpkcj8OE5UmqqOjLpD/B8BivthuOnKtall76/wzrufL3N6PEIBYeixaQThU598qjJ3f5+LGeBkOb2F6UrTdK7jZgIXroq1WobwF9+MvwMZP/U6/OGUAAAAJcEhZcwAACxMAAAsTAQCanBgAAAXCaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA2LjAtYzAwMiA3OS4xNjQzNjAsIDIwMjAvMDIvMTMtMDE6MDc6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMTItMjNUMTM6MjMrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTEyLTIzVDEzOjI2OjM0KzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTEyLTIzVDEzOjI2OjM0KzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowZDRhOWNkNy04NmVmLTk3NDgtYjdlNC1mMDdhNDkxYmM2MjgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphMmQzODE2OC1kOGY0LTZjNDgtYTM3ZC02ZDNmMzIwNzA1OTciIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0NzFjNDFiYi1lYzU1LTRmNDEtYTBiNC1kMWVmNzI0MmJkODYiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MWM0MWJiLWVjNTUtNGY0MS1hMGI0LWQxZWY3MjQyYmQ4NiIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0yM1QxMzoyMyswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowZDRhOWNkNy04NmVmLTk3NDgtYjdlNC1mMDdhNDkxYmM2MjgiIHN0RXZ0OndoZW49IjIwMjAtMTItMjNUMTM6MjY6MzQrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4xIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7wd45LAAADFklEQVRIx+2WS0iUURTHf3eumoMVpaPQkx4YPbQokTYuCqpdEdkDoqhFEhWk9hTUUhTDIAKDCIooqE1gi1pU2KYiiCKytIzekSGW2sM0tbn3tPAzZ5xvHGZaSR24DJyZe77fd+b/v+cqEWEkhIcREiMGNC4k8+km1C43NKDoBqYAq7YI2ec0TVWGq8WK185vZyKsPa2ZsW34p7w5A1fyDC9R+IGZwMoKYU6J5sFWw7XzimbAC8xBWFOnSVsWVEIFafRZmaGqXNGHYiCtnM+5CM9QxAEC+P98L+QtEJbXa1fI2ysMJ+sUY1EscnINwOeAmpOAeUA38BAA4eBhYW6ZDgXtege7plt6UJgo/xeNcKzWw6Q1wfmPl2F/riUDxb5OSBjdn/f3QI0X7gErgU0GlKPCHy1QPhE6EGreekiaNkSjt5YYumKAHOjrjdzQnTdyDfEoCtsHIQHiEmH3T1gNbLaDkACjJ8DBRuhEcWuJCTXT8/cKHaPSFdD0RySD0YQiA/Amu7gjETZKgLYCwjcPpjpMIaDdgI0R1A90ueR7gDEx1kxymEJA0xyTxBqJLrkU4EMMtcRAs8MUApq96+9G1GyX11ycLrwEmu9GV6vxAnQGMwUcTxZKtOEVnqgNlYxwot1DwhAt9nVAYYpFo6huA29K5FpfXsGedJiMpcLogV56gppbcEeThI3KVHHA3uMSAgmQkAz5x4UOoNIHvd+Gr/X1LRxKB40l/44OxAseob4cKLuo8WJdZpY75L7tllkF4V9tVoGmcLvlPVA8Dr6HEW1rPRTNgG4sR55ofDkRZv2UjVBZqxkfobOJCKXllqxTkfufdUpTXGFpR9g/FVofDRmx1+HAwv5OVj/VpGa6GEzEfX19jBRhZB0ia4esPIw014bfG261NSE7MbIJkRdXREREHp4U2YBIEUZ+tITdq4a9j/a2QU2q4T4elHN8TcNS2qAZmxHb6fC9EY5m9pt2PlAPZGPZ/Vkzyhd+pkS8OIsfLsUb6lBkIuxo167GiSb6OuBsiqEexVKE9b80anhTqP83/H8V9DcHOWsOihtafgAAAABJRU5ErkJggg==); width: 21px; height:21px; } .favor i { z-index: 15; position: relative; cursor:pointer; float: right; display:inline-block; background-position-x:right;} .favor i:hover {background-position-x: left;} .favor i.active {background-position-x: left;} .favor i.active:hover {background-position-x: right;} /*Примерочная*/ .product-item-fittingroom-door-color-img{ width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-fittingroom-door-color-title, .product-item-fittingroom-knob-color-title, .product-item-scu-color-title { color: #C6C6C6; } .product-item-fittingroom-door-container-title { color: #fff; font-size: 16px; font-family: "MyriadProLight", sans-serif; } .product-item-fittingroom-knob-color-img{ width: calc(61.54% - 10px); margin-left: 19.23%; -webkit-filter: drop-shadow(0 15px 7px #0008); filter: drop-shadow(0 15px 7px #0008); } .product-item-fittingroom-knobs{ position: absolute; top: 0; } .product-item-fittingroom-small-container-title { color: #333333; font-size: 14px; font-family: "MyriadProLight", sans-serif; } .product-item-fittingroom-small-block { } .product-item-fittingroom-small-list { margin: 0; } .product-item-fittingroom-small-item-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } .product-item-fittingroom-small-item-color-container, .product-item-fittingroom-small-item-text-container { display: inline-block; box-sizing: border-box; max-width: 100%; vertical-align: middle; } .product-item-fittingroom-small-item-text-container { min-width: 48px; display: block; text-align: left; } .product-item-fittingroom-small-item-color-container { max-width: 50px!important; width: 50px!important; padding: 0!important; } .product-item-fittingroom-small-item-color-block { position: relative; padding-top: 100%; outline: none !important; outline-width: 0 !important; cursor: pointer; } .bx-no-touch .product-item-fittingroom-small-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-fittingroom-small-item-color-block { outline-width: .5px; } .product-item-fittingroom-small-item-color-container.selected .product-item-fittingroom-small-item-color { border: 3px solid #fd4c00; height: 46px; width: 46px; } .bx-retina .product-item-fittingroom-small-item.selected .product-item-fittingroom-small-item-color { border: 3px solid rgba(253, 76, 0, 0.3);} .product-item-fittingroom-small-item-color { position: absolute; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; background-position: center; background-size: contain; background-repeat: no-repeat; height: 46px; width: 46px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .product-item-fittingroom-small-item-text-block { position: relative; padding: 5px; cursor: pointer; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 3px solid rgba(0, 0, 0, 0); } .product-item-fittingroom-small-item-text-container.selected .product-item-fittingroom-small-item-text-block { border: 3px solid #fd4c00; } .bx-no-touch .product-item-fittingroom-small-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-fittingroom-small-item-text-block { outline-width: .5px; } .product-item-fittingroom-small-item-text { overflow: hidden; max-width: 100%; vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 14px; } .product-item-fittingroom-small-item-color-container.notallowed .product-item-fittingroom-small-item-color-block, .product-item-fittingroom-small-item-text-container.notallowed .product-item-fittingroom-small-item-text-block { position: relative; overflow: hidden; } .product-item-fittingroom-small-item-color-container.notallowed .product-item-fittingroom-small-item-color-block:after, .product-item-fittingroom-small-item-text-container.notallowed .product-item-fittingroom-small-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } .product-item-selected-scu-container { word-spacing: 1px } .product-item-selected-scu { display: inline-block; overflow: hidden; padding: 0 5px; min-width: 22px; height: 22px; outline: 1px solid #c0cfda; outline-color: var(--theme-color-primary); vertical-align: middle; text-align: center; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; line-height: 22px; } .bx-retina .product-item-selected-scu { outline-width: .5px; } .product-item-selected-scu-color { background-position: center; background-size: 20px 20px; background-repeat: no-repeat; } video { width: 100%; } .product-item-detail-slider-image.active{ /*background-color: #fff;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .popup .product-item-detail-slider-image{ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .basket-item-amount-filed{ color: #fff; } .basket-item-scu-item-inner{ color: #fff; } .product-item-detail-slider-image:nth-child(2n){ overflow: hidden; } /* //подсветка фото .product-item-detail-slider-image:nth-child(2):after { content: ''; position: relative; z-index: 2; background: #0000; background: radial-gradient(circle, rgba(226, 162, 105, 1) 0%, rgba(226, 162, 105, 0.6) 5%, rgba(226, 162, 105, 0.4) 10%, rgba(226, 162, 105, 0.3) 13%, rgba(226, 162, 105, 0.2) 20%, rgba(226, 162, 105, 0.1) 40%, rgba(0, 0, 0, 0) 60%); width: 100%; height: 100%; max-height: 800px; margin-left: -50%; margin-top: -50%; display: block; }*/ /* .popup .product-item-detail-slider-image:nth-child(2):after { margin-top: -70%; } */ .popup-window { background-color: #0e0e0e; } .popup-window-content-white .popup-window-content{ background-color: #0e0e0e; } /* End */ /* Start:/bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.min.css?16333341871413*/ .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/sale.prediction.product.detail/templates/.default/style.min.css?1633334272332*/ .catalog-element-popup-wrapper{position:absolute;box-sizing:border-box;border-radius:3px;background:rgba(0,0,0,.77)}.catalog-element-popup-inner{padding:20px;max-width:300px;font:13px "Helvetica Neue",Arial,Helvetica,sans-serif}.catalog-element-popup-element{color:#ffa801;font:bold 13px "Helvetica Neue",Arial,Helvetica,sans-serif} /* End */ /* Start:/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/form_style.css?171497676147808*/ .modal_form{ border-radius:5px; background:#fff; /*position:fixed;*/ position:absolute; top:45%; left:50%; opacity:0; z-index:2001; transition:all 0.3s ease 0s; box-shadow:0 0 33px rgba(0,0,0,0.36); min-height:200px; height:auto; overflow:hidden; box-sizing:border-box; padding:40px 20px 40px; } .modal_close{ width:14px; height:14px; position:absolute; background:#fff; top:20px; right:20px; cursor:pointer; display:block; overflow:hidden; opacity:0.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); z-index:2; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok{ width:115px; height:36px; line-height:36px; background:#0097f6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 2px 4px 2px #e6e6e6; -moz-box-shadow:0 2px 4px 2px #e6e6e6; box-shadow:0 2px 4px 2px #e6e6e6; border:none; outline:none; color:#fff; text-align:center; margin:0 auto 10px; display:block; cursor:pointer; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; } .modal_close_ok:hover{ -webkit-box-shadow:0 2px 5px 3px #ccc; -moz-box-shadow:0 2px 5px 3px #ccc; box-shadow:0 2px 5px 3px #ccc; } .modal_close:hover{ opacity:1; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .modal_close__left:before{ position:absolute; content:''; left:-3px; top:-5px; border:12px solid transparent; border-left-color:#767676; } .modal_close__left:after{ position:absolute; content:''; left:-7px; top:-5px; border:12px solid transparent; border-left-color:#fff; } .modal_close__right:before{ position:absolute; content:''; right:-3px; top:-5px; border:12px solid transparent; border-right-color:#767676; } .modal_close__right:after{ position:absolute; content:''; right:-7px; top:-5px; border:12px solid transparent; border-right-color:#fff; } .alx_fb_overlay{ z-index:2000; position:fixed; background-color:#000; opacity:0.2; width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; } .alx_feedback_popup{ cursor:pointer; } .alx-feedb-data-errorLoading{ text-align:center; padding-top:50px; } .alx_fedb_wait{ height:140px; left:45%; position:fixed; top:45%; width:140px; z-index:2001; text-align:center; } .alx-feedb-data{ position:absolute; opacity:0; } .alx-feedb-data-view{ position:relative; opacity:1; width:100%; transition:all 0.3s ease 0s; } .afbf_success_block{ height:140px; display:table; vertical-align:middle; width:100%; margin-bottom:20px; } .afbf_success_block._without-popup{ height:100px; } .afbf_success_block._without-popup .afbf_mess_ok{ text-align:left; line-height:50px; } .afbf_success_block._without-popup .afbf_mess_ok .mess{ margin-left:60px; } .afbf_success_block._without-popup .afbf_ok_icon{ display:inline-block; width:auto; min-width:50px; float:left; margin-bottom:0; } .afbf_mess_ok{ display:table-cell; vertical-align:middle; text-align:center; } /* animation loading */ @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-moz-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-webkit-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @-o-keyframes alx-rotate-loading{0%{transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform:rotate(0deg);}100%{transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg);}} @keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-webkit-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} @-o-keyframes loading-text-opacity{0%{opacity:0}20%{opacity:0}50%{opacity:1}100%{opacity:0}} .alx-rotate-loading, .alx-feedb-loading{ height:120px; position:relative; width:120px; border-radius:100%; } .alx-rotate-loading{ margin:40px auto; } .alx-feedb-loading{ border:13px solid transparent; border-color:transparent #fff transparent #FFF; -moz-animation:alx-rotate-loading 2s linear 0s infinite normal; -moz-transform-origin:50% 50%; -o-animation:alx-rotate-loading 2s linear 0s infinite normal; -o-transform-origin:50% 50%; -webkit-animation:alx-rotate-loading 2s linear 0s infinite normal; -webkit-transform-origin:50% 50%; animation:alx-rotate-loading 2s linear 0s infinite normal; transform-origin:50% 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx-rotate-loading:hover .alx-feedb-loading{ border-color:transparent #E45635 transparent #E45635; } .alx-rotate-loading:hover .alx-feedb-loading, .alx-rotate-loading .alx-feedb-loading{ -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .alx-feedb-loading-text{ animation:2s linear 0s normal none infinite running loading-text-opacity; color:#fff; font-size:15px; font-weight:bold; margin-top:52.5px; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:120px; } /* animation popup */ @-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-moz-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0);}60%{-webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-o-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0);}40%,45%{opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0);}to{opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0);}} @-webkit-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-webkit-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-moz-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-o-keyframes rotateIn{from{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:none; transform:none; opacity:1;}} @-moz-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-o-keyframes rotateOut{from{-webkit-transform-origin:center; transform-origin:center; opacity:1;}to{-webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0;}} @-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-webkit-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-o-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible;}to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}} @-moz-keyframes slideoutright{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1;}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); opacity:0;}} @-o-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}to{visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-webkit-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-moz-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-o-keyframes fadeOutRight{from{opacity:1;}to{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}} @-moz-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @-o-keyframes fadeInRight{from{opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0);}to{opacity:1; -webkit-transform:none; transform:none;}} @keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-moz-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-moz-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-o-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-o-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes bounceIn{0%{transform:scale(1); opacity:1}60%{transform:scale(1.2); opacity:1;}100%{transform:scale(0); opacity:0; display:none;}} @-webkit-keyframes pulse{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(1.5,1.5,1.5); transform:scale3d(1.5,1.5,1.5);}20%{-webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} @-webkit-keyframes pulseMess{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1); transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);}0%{opacity:0; -webkit-transform:scale3d(0.7,0.7,0.7); transform:scale3d(0.7,0.7,0.7);}20%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}40%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9);}60%{opacity:1; -webkit-transform:scale3d(1.01,1.01,1.01); transform:scale3d(1.01,1.01,1.01);}100%{opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}} .alx-popup-show-anime1{ animation:pulse .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime1{ animation:bounceIn 0.5s; } .alx-popup-mess-show-anime1{ animation:pulseMess .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime2{ animation:rotateOut 0.5s both; } .alx-popup-mess-show-anime2{ animation:rotateIn .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; display:block; } .alx-popup-hide-anime3{ animation:fadeOutRight 0.5s both; } .alx-popup-mess-show-anime3{ animation:fadeInRight .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } .alx-popup-show-anime4{ animation:bounceInDown .75s ease-in-out 0s; display:block; } .alx-popup-hide-anime4{ animation:bounceOutDown 0.5s; } .alx-popup-mess-show-anime4{ animation:bounceInDown .75s ease-in-out 0s both; max-height:100%; opacity:1; transition:all 0.8s ease 0s; } /* feedb_styles */ .alx_feed_back{ padding:0px; margin:0px; text-align:left !important; line-height:normal !important; text-decoration:none !important; } .alx_feed_back *{ text-align:left; line-height:normal !important; text-decoration:none !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .alx_feed_back form{ padding:0px; margin:0px; } .modal_form .afbf_error_block{ position:relative; margin-bottom:20px; } .modal_form .afbf_error_block:after{ content:''; position:absolute; bottom:-10px; left:-20px; right:-20px; height:1px; background:#ccc; } .afbf_error_icon{ float:left; margin-right:5px; width:50px; height:40px; background:url(/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/images/afbf_danger-sign.png) no-repeat 0 0; } .afbf_error_block .afbf_error_text, .afbf_error_block .afbf_error_ftext{ font-size:16px; min-height:40px; /*line-height:40px;*/ padding-bottom:30px; color:#f80000; display:block; } .afbf_ok_icon{ margin:0 0 20px 0; width:100%; height:50px; background:url(/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/images/afbf_check-box.png) no-repeat 50% 50%; } .modal_form .afbf_error_block td{ vertical-align:top; text-align:left; } .alx-feedb-error{ margin-top:20px; } .modal_form .alx-feedb-error{ margin-top:0px; } .alx-feedb-error .afbf_error_block ul{ list-style:none; padding-left:55px; font-size:14px; color:#f80101; margin:0; } .alx-feedb-error .afbf_error_block ul li{ padding:0px 0px 4px 8px; margin:0px; display:block; list-style:none !important; background:transparent !important; } .alx-feedb-error .afbf_error_block ul li:before{ content:'' !important; } .alx-feedb-error .afbf_error_block ul li span{ position:relative; z-index:1; margin-left:-8px; } .modal_form .afbf_feedback_poles{ padding:0px; margin:11px 0px 0px 0px; } .afbf_item_pole{ padding:0px; margin: 0 0 5px; position:relative; } *html .afbf_item_pole{ position:relative; z-index:1; zoom:1; } .afbf_item_pole .afbf_name{ padding:0px; margin:0px 0px 6px 0px; } .afbf_item_pole .afbf_select, .afbf_item_pole .afbf_textarea, .afbf_item_pole .afbf_inputtext{ height:34px; width:100%; padding:7px 15px !important; font-size:14px; outline:none; border:1px solid #eeeeee; } .afbf_item_pole.item_pole__captcha .afbf_inputtext{ box-sizing:content-box; padding:7px 0px !important; } .afbf_item_pole select.afbf_inputtext.afbf_select_sect{ height:auto; } /* -------- */ .afbf_item_pole .dropdownjs.feedback_dropdown> ul{ right:0; left:auto; top:35px; bottom:auto; height:120px; padding:0; -webkit-transform-origin:top right; -ms-transform-origin:top right; transform-origin:top right; -webkit-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); -moz-box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); box-shadow:0px 11px 22px 2px rgba(204,204,204,0.75); } .afbf_item_pole .dropdownjs.feedback_dropdown:after{ content:''; position:absolute; right:10px; top:50%; margin-top:-2px; display:inline-block; border:5px solid transparent; border-top:5px solid #767676; } .afbf_item_pole .afbf_checkbox label{ margin-left:20px; margin-bottom:5px; font-weight:normal; position:relative; cursor:pointer; font-size:14px; top:auto; left:auto; pointer-events:inherit; -webkit-transition:0.3s ease all; -o-transition:0.3s ease all; transition:0.3s ease all; } .afbf_checkbox{ margin:10px 0 20px; } .afbf_checkbox input[type=checkbox]{ position:absolute; opacity:0; width:0; height:0; margin:0; overflow:hidden; pointer-events:none; } .afbf_checkbox .afbf_checkbox_box{ vertical-align:middle; position:relative; top:2px; margin-right:12px; } .afbf_checkbox_box .afbf_checkbox_check{ position:relative; display:inline-block; width:18px; height:18px; border:2px solid rgba(0,0,0,.54); border-radius:2px; overflow:hidden; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; z-index:1; } .afbf_checkbox input[type=checkbox]+ .afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); display:block; margin-top:-4px; margin-left:5px; width:0; height:0; -webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ content:''; position:absolute; color:#7b7f7f; -webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0px 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px; } .afbf_checkbox input[type=checkbox]:focus:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-on 0.3s forwards; -o-animation:checkbox-on 0.3s forwards; animation:checkbox-on 0.3s forwards; } .afbf_checkbox input[type=checkbox]:focus+.afbf_checkbox_box .afbf_checkbox_check:before{ -webkit-animation:checkbox-off 0.3s forwards; -o-animation:checkbox-off 0.3s forwards; animation:checkbox-off 0.3s forwards; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check{ border:none; } .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before{ margin-top:-3px; margin-left:7px; } .afbf_item_pole.is_filled .afbf_name.static_name, .afbf_item_pole.is_focused .afbf_name.static_name, .afbf_name.static_name{ position:static; color:inherit; font-size:inherit; margin-bottom:20px } .afbf_item_pole.item_pole__captcha .afbf_name{ top:67px; } .afbf_item_pole.item_pole__captcha.is_filled .afbf_name, .afbf_item_pole.item_pole__captcha.is_focused .afbf_name{ top:55px; } .afbf_pole_captcha{ margin-bottom:30px; } .afbf_pole_captcha .image{ vertical-align:middle; } .afbf_pole_captcha .g-recaptcha{ display:inline-block; vertical-align:middle; } .afbf_pole_captcha .afbf_captcha_reload{ display:inline-block; vertical-align:middle; width:22px; height:16px; background:url(/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/images/icon_reload.png) no-repeat 0 0; cursor:pointer; margin-left:20px; } .afbf_inputtext_bg .afbf_textarea{ width:100%; z-index:100; height:102px; overflow:auto; resize:vertical; max-height:450px; max-width:100%; min-height:34px; min-width:100%; } .afbf_submit_block{ margin:30px 0px 0px 0px; padding:0px; display:block; text-align:right !important; } .afbf_btn{ display:inline-block; padding:15px 25px !important; border:none !important; text-transform:uppercase !important; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px !important; -webkit-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); box-shadow:0px 3px 4px 1px rgba(204,204,204,0.75); cursor:pointer; font-size:16px !important; outline:none; -webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } .alx_feed_back .afbf_feedback_poles .afbf_btn:hover{ -webkit-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); -moz-box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); box-shadow:0px 6px 6px 1px rgba(204,204,204,0.75); } .afbf_inputtext_bg select{ width:100%; padding:0px; margin:0px; border:0px; } .afbf_file_button{ position:absolute; right:-1px; height:100%; top:-1px; z-index:1; } *html .alx_feed_back .afbf_feedback_poles div{ zoom:1; } .afbf_inputtext_bg_calendar{ position:relative; z-index:2; zoom:1; } .afbf_inputtext_bg_calendar .afbf_calendar_icon{ position:absolute; top:3px; right:5px; } .afbf_error_text, .afbf_error_ftext{ display:none; } .afbf_item_pole.error_pole .afbf_error_text, .afbf_item_pole.error_fpole .afbf_error_ftext{ position:relative; display:block; margin:5px 0 0; padding-right:20px; color:#f80000; font-size:12px; } .afbf_item_pole.error_pole .afbf_error_text:after, .afbf_item_pole.error_fpole .afbf_error_ftext:after{ content:''; position:absolute; right:0; display:inline-block; width:17px; height:16px; background:url(/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/images/icon_error.png) 0 0 no-repeat; } /* dropdown styles */ .dropdownjs{ position:relative; } .dropdownjs *{ box-sizing:border-box; } .dropdownjs> input{ width:100%; padding-right:30px; text-overflow:ellipsis; } .dropdownjs> input.focus~ ul{ -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } .dropdownjs> ul{ position:absolute; padding:0; margin:0; min-width:200px; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); z-index:10000; } .dropdownjs> ul[placement=top-left]{ -webkit-transform-origin:bottom left; -ms-transform-origin:bottom left; transform-origin:bottom left; bottom:0; left:0; } .dropdownjs> ul[placement=bottom-left]{ -webkit-transform-origin:top left; -ms-transform-origin:top left; transform-origin:top left; top:0; left:0; } .dropdownjs> ul> li{ list-style:none; padding:10px 20px; } .dropdownjs> ul> li.dropdownjs-add{ padding:0; } .dropdownjs> ul> li.dropdownjs-add> input{ border:0; padding:10px 20px; width:100%; } /* Theme */ .dropdownjs> input[readonly]{ cursor:pointer; } select[data-dropdownjs][disabled]+ .dropdownjs> input[readonly]{ cursor:default; } .dropdownjs> ul{ background:#FFF; box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 6px rgba(0,0,0,0.12); -webkit-transition:-webkit-transform 0.2s ease-out; transition:transform 0.2s ease-out; padding:10px; overflow:auto; max-width:500px; } .dropdownjs> ul> li{ cursor:pointer; word-wrap:break-word; -webkit-transition:background-color .15s ease 0s; -moz-transition:background-color .15s ease 0s; -ms-transition:background-color .15s ease 0s; -o-transition:background-color .15s ease 0s; transition:background-color .15s ease 0s; } .dropdownjs> ul> li:hover, .dropdownjs> ul> li.selected, .dropdownjs> ul> li:active{ background-color:#eaeaea; outline:0; } .dropdownjs> ul> li:focus{ outline:0; outline:1px solid #d4d4d4; } .dropdownjs> ul> li> .close:before{ content:"\00d7"; display:block; position:absolute; right:15px; float:right; font-size:21px; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.6; } .dropdownjs> ul> li:h> .close:hover:before{ opacity:.9; } /* end dropdown styles */ /* Radio buttons */ .afbf_radio{ margin:0 0 20px; } .afbf_radio label{ padding-bottom:10px; padding-left:34px; position:relative; top:auto; left:auto; pointer-events:inherit; cursor:pointer; font-size:14px; color:#1b1b1b; line-height:20px !important; display:inline-block; } .afbf_radio input[type=radio]{ position:absolute; opacity:0; height:0; width:0; overflow:hidden; } .afbf_radio span{ display:block; position:absolute; left:0; -webkit-transition-duration:0.2s; -o-transition-duration:0.2s; transition-duration:0.2s; } .afbf_radio .afbf_radio_circle{ border:2px solid rgba(0,0,0,.54); height:20px; width:20px; border-radius:50%; } .afbf_radio .afbf_radio_check{ left:5px; top:5px; height:10px; width:10px; border-radius:100%; background-color:rgba(0,0,0,.54); -webkit-transform:scale3d(0,0,0); transform:scale3d(0,0,0); } .afbf_radio input[type=radio]:checked ~ .afbf_radio_check{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } /* Togglebuttons */ .afbf_checkbox.toggle{ margin:0 0 40px; } .afbf_checkbox.toggle label{ position:relative; cursor:pointer; font-size:14px; color:#1b1b1b; top:auto; left:auto; pointer-events:inherit; } .afbf_checkbox.toggle input[type=checkbox]{ opacity:0; width:0; height:0; margin:0; position:absolute; } .afbf_checkbox.toggle label .afbf_checkbox_check{ display:none; } .afbf_checkbox.toggle, .afbf_checkbox.toggle label, .afbf_checkbox.toggle input, .afbf_checkbox.toggle .afbf_checkbox_box{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .afbf_checkbox.toggle label .afbf_checkbox_box{ display:inline-block; width:36px; height:15px; background-color:#bbb9b9; border-radius:15px; margin-right:15px; -webkit-transition:background 0.3s ease; -o-transition:background 0.3s ease; transition:background 0.3s ease; vertical-align:middle; top:-2px; } .afbf_checkbox.toggle label .afbf_checkbox_box:after{ content:""; display:inline-block; width:20px; height:20px; background-color:#f1f1f1; border-radius:20px; position:relative; -webkit-box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); box-shadow:0 1px 3px 1px rgba(0,0,0,0.4); left:0; top:-3px; -webkit-transition:left 0.3s ease,background 0.3s ease,-webkit-box-shadow 0.1s ease; -o-transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; transition:left 0.3s ease,background 0.3s ease,box-shadow 0.1s ease; } /* Fileinput */ .afbf_inputtext_bg.file input[type=file]{ opacity:0; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:100; cursor:pointer } .afbf_inputtext_bg.file .afbf_input_group{ position:relative; display:table; width:100%; border-collapse:separate; } .afbf_inputtext_bg.file .afbf_input_group .afbf_inputtext{ display:table-cell; width:100%; height:34px; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn{ position:relative; display:table-cell; padding-left:5px; font-size:0; white-space:nowrap; width:1%; vertical-align:middle; } .afbf_inputtext_bg.file .afbf_input_group .afbf_group_btn .afbf_file_button{ border-radius:50%; height:34px; margin:auto; width:34px; overflow:hidden; border:none; position:relative; line-height:normal; background:#fff url(/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/images/icon_file.png) center no-repeat; cursor:pointer; -webkit-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); -moz-box-shadow:0px 1px 2px 1px rgba(231,231,231,1); box-shadow:0px 1px 2px 1px rgba(231,231,231,1); } .afbf_inputtext_bg.file.load_file label{ font-size:12px; } .afbf_radio .afbf_radio_circle{ border:2px solid; } .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after{ left:15px; } /* -------- */ .afbf_send_another_message { text-align: center; margin-top: 20px; } @media screen and (max-width:768px){ .alx_feed_back{ width:99% !important; } .modal_form{ width:100% !important; margin-left:0 !important; left:0; } } /* Animation */ @-webkit-keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-o-keyframes checkbox-on{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@keyframes checkbox-on{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px}50%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px 2px 0 11px}to{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px}}@-webkit-keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@-o-keyframes checkbox-off{0%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}}@keyframes checkbox-off{0%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}25%{-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px,0 0 0 0 inset}50%{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin-top:-4px;margin-left:6px;width:0;height:0;-webkit-box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset;box-shadow:0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,15px 2px 0 11px,0 0 0 0 inset}51%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 10px inset}to{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);margin-top:-2px;margin-left:-2px;width:20px;height:20px;-webkit-box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset;box-shadow:0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0,0 0 0 0 inset}} .f_feedback_FID99 div.afbf_item_pole {display: none;} .btn_lk { display: inline-block; padding: 15px 25px !important; border: none !important; text-transform: uppercase !important; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px !important; -webkit-box-shadow: 0px 3px 4px 1px rgba(204,204,204,0.75); -moz-box-shadow: 0px 3px 4px 1px rgba(204,204,204,0.75); box-shadow: 0px 3px 4px 1px rgba(204,204,204,0.75); cursor: pointer; font-size: 16px !important; outline: none; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin: 0px 10px;} .fb_send.btn_lk {background: #fd4c00;color: white;} .fb_send.btn_lk:hover{background: #fd4c00;} .fb_out.btn_lk:hover{background: #d6d6d6;} .afbf_inputtext_bg input[type="text"], .afbf_inputtext_bg select { background: #eeeeee; color: #000; border-radius: 20px; } .afbf_submit_block input[type="submit"], input[type="reset"]{ line-height: 46px; font-size: 18px; } /* End */ /* Start:/bitrix/templates/.default/components/altasib/feedback.form/callback_dc/themes/theme_904b69d64c238c435038a902c3235bda.css?17149767693176*/ #alx_feed_back_FID305 .afbf_radio_circle { border-color:#FF8D00; } #alx_feed_back_FID305 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box:after, #alx_feed_back_FID305 .afbf_radio_check { background-color:#FF8D00; } #alx_feed_back_FID305 .afbf_feedback_poles .afbf_btn { color:#fff !important; background:#FF8D00 !important; } #alx_feed_back_FID305 .afbf_feedback_poles .afbf_btn:hover { color:#fff !important; background:#CA0000 !important; } #alx_feed_back_FID305 .afbf_checkbox.toggle label input[type=checkbox]:checked + .afbf_checkbox_box { background-color:#FF6965; } #alx_feed_back_FID305 .afbf_checkbox input[type=checkbox]:checked+.afbf_checkbox_box .afbf_checkbox_check:before, #alx_feed_back_FID305.floating_labels .afbf_item_pole.is_filled .afbf_name, #alx_feed_back_FID305.floating_labels .afbf_item_pole.is_focused .afbf_name { color:#CA0000; } #alx_feed_back_FID305.form_inputs_line .afbf_select, #alx_feed_back_FID305.form_inputs_line .afbf_textarea, #alx_feed_back_FID305.form_inputs_line .afbf_inputtext, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#FF8D00), to(#FF8D00)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#FF8D00, #FF8D00), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#FF8D00, #FF8D00), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#FF8D00, #FF8D00), linear-gradient(#e0e0e0, #e0e0e0); } #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.error_pole .afbf_select, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.error_pole .afbf_textarea, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.error_pole .afbf_inputtext, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_select, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_textarea, #alx_feed_back_FID305.form_inputs_line .afbf_item_pole.error_pole.is_focused .afbf_inputtext{ background-image:-webkit-gradient(linear, left top, left bottom, from(#f80000), to(#f80000)), -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0)); background-image:-webkit-linear-gradient(#f80000, #f80000), -webkit-linear-gradient(#e0e0e0, #e0e0e0); background-image:-o-linear-gradient(#f80000, #f80000), -o-linear-gradient(#e0e0e0, #e0e0e0); background-image:linear-gradient(#f80000, #f80000), linear-gradient(#e0e0e0, #e0e0e0); -moz-background-size:100% 2px, 100% 1px; background-size:100% 2px, 100% 1px; } #alx_feed_back_FID305 .afbf_select, .afbf_textarea, .afbf_inputtext, #alx_feed_back_FID305 .afbf_checkbox label { color:#212121; } #alx_feed_back_FID305 .afbf_item_pole.is_focused .afbf_select, #alx_feed_back_FID305 .afbf_item_pole.is_focused .afbf_textarea, #alx_feed_back_FID305 .afbf_item_pole.is_focused .afbf_inputtext{ border-color:#FF8D00; } /* End */ /* Start:/bitrix/templates/m_dc/components/bitrix/catalog.item/bootstrap_v4/style.css?173530667329105*/ .product-item-container { position: relative; height: 100%; } .product-model{ font-family: Helvetica, serif; white-space: normal; overflow: hidden; font-size: 14px; text-align: left; padding: 0px 5px 0 10px; } .product-group{ font-size: 16px; white-space: normal; max-height: 34px; overflow:hidden; display: none; } .product-color{ font-size: 12px; color: #989898; font-family: Helvetica, serif; position: absolute; margin-left: 10px; z-index: 24; margin-top: calc(10px - 100%); text-transform: uppercase; font-weight: bold; } .product-item-container.hover { z-index: 17; } .product-item { display: flex; height: 100%; flex-direction: column; box-sizing: border-box; width: 100%; background: #0e0e0e; box-shadow: 0 0 0 0 rgba(0, 0, 0, .19); border-radius: 6px; } .product-item-big-card .product-item, .product-item-small-card .product-item { } .product-item-line-card .product-item { border-bottom: 1px solid #dadada; } .bx-touch .product-item { width: auto; } @-webkit-keyframes product-item-hover { 0% { position: absolute; left: 0; right: 0; border: 1px solid transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); padding-left:0; padding-right:0; } 100% { border: 1px solid transparent; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); left: -15px; right: -15px; padding-left:15px; padding-right:15px; } } @keyframes product-item-hover { 0% { position: absolute; left: 0; right: 0; border: 1px solid transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); padding-left:0; padding-right:0; } 100% { border: 1px solid transparent; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); left: -15px; right: -15px; padding-left:15px; padding-right:15px; } } /*Image*/ .product-item-image-wrapper { position: relative; display: block; padding-top: 100%; width: 100%; transition: all 300ms ease; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; } .product-item-image-wrapper:after { /* content: ''; position: absolute; z-index: 20; background: #0000; background: radial-gradient(circle, rgba(253,76,0, 0.8) 0%, rgba(253,76,0, 0.5) 5%, rgba(253,76,0, 0.33) 10%, rgba(253,76,0, 0.25) 13%, rgba(253,76,0, 0.16) 20%, rgba(253,76,0, 0.08) 40%, rgba(0, 0, 0, 0) 60%); width: 100%; height: 100%; max-height: 200px; margin-left: -50%; margin-top: calc(10px - 157%); display: block; */ } .product-item-image-wrapper:hover { } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: calc(100% + 2px); height: calc(100% + 2px); margin-left: -1px; margin-top: -1px; background-position: center; background-size: contain; background-repeat: no-repeat; transition: opacity 300ms linear, width 300ms, height 300ms, margin 300ms; border-top-left-radius: 6px; border-top-right-radius: 6px; } .activeItem .product-item-image-original{ width: calc(100% + 22px); height: calc(100% + 22px); margin-top: -11px; margin-left: -11px; /*background-color: #0e0e0e;*/ } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; } .product-item .btn-white{ background-color: #fff; color: #000; border-color: #fd4c00; font-size: 14px; } .hover .btn-white{ background-color: #fd4c00; color: #fff; } /*Image Slider*/ .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: .6s ease-in-out left; } @media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; display: block; height: 1px; background-color: var(--theme-color-primary); opacity: .8; } .product-item-image-slider-control-container { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: block; padding: 0; text-align: center; opacity: 0; transition: opacity 300ms ease; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; } .product-item-image-slider-control, .product-item-image-slider-control.active { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: rgba(128, 128, 128, .8); opacity: .6; cursor: pointer; transition: all 300ms ease; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; } .product-item-image-slider-control.active, .product-item-image-slider-control:hover { background-color: var(--primary); } /*Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 15; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; } /*SMALL*/ .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span { padding: 5px 12px; font-size: 16px; line-height: 21px; } /* BIG */ .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 5px 17px; font-size: 22px; line-height: 33px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-big-card .product-item-label-ring.product-item-label-small { width: 100px; height: 100px; font-size: 30px; line-height: 100px; } .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 120px; height: 120px; font-size: 42px; line-height: 120px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*Title*/ .product-item-title { overflow: hidden; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; text-align: center; font-size: 18px; line-height: 22px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; height: 100%; } .product-item-title:before { background: #0000; background: linear-gradient(0deg, #0e0e0e 0%, rgba(0, 0, 0, 0) 100%); content: ''; position: absolute; z-index: 20; width: 100%; height: 20px; margin-top: -20px; max-height: 200px; display: block; } .activeItem .product-item-title{ background-color: #fd4c00!important; transition: background-color 300ms linear; background-position: top 10px right; } .product-item-title a { color: #fff; text-decoration: none; } .product-item-title a:hover { color: #fff; text-decoration: none; } .product-item-line-card .product-item-title { white-space: normal; text-align: left; } .product-item-big-card .product-item-title a { font-size: 21px; } .product-item-line-card .product-item-title a { font-size: 20px; } @media (max-width: 1199px) { .product-item-big-card .product-item-title a { font-size: 18px; } } @media (max-width: 991px) { .product-item-big-card .product-item-title a { font-size: 16px; } .product-item .btn-white{ font-size: 12px; } } @media (max-width: 767px) { .product-item-big-card .product-item-title a { font-size: 14px; } } @media (max-width: 575px) { .product-item-big-card .product-item-title a { font-size: 16px; } } /*Price*/ .product-item-price-container { text-align: center; line-height: 1; display: none; } .product-item-price-current { color: #3f3f3f; white-space: nowrap; font-weight: bold; font-size: 13px; } .product-item-price-old { color: #a5a5a5; text-decoration: line-through; white-space: nowrap; font-size: 12px; } .product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old { vertical-align: middle; line-height: 20px; } .product-item-big-card .product-item-price-container { margin: 0 0 10px; } .product-item-big-card .product-item-price-current { font-size: 18px; } .product-item-big-card .product-item-price-old { font-size: 15px; } /*Info*/ .product-item-info-container { clear: both; margin: 0; } .product-item-info-container-title { font-size: 12px; } .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none; opacity: 0; transition: opacity 300ms ease; } .bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important } .bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden { display: block; opacity: 1; } /*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 20px; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-plus:after { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath fill='%23fd4c00' fill-rule='evenodd' d='M18,12 L18,0 L12,0 L12,12 L0,12 L0,18 L12,18 L12,30 L18,30 L18,18 L30,18 L30,12 L18,12 Z'/%3e%3c/svg%3e") no-repeat center; background-size: 20px; } .product-item-amount-field-btn-minus:after { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3crect width='30' height='6' y='12' fill='%23fd4c00' fill-rule='evenodd'/%3e%3c/svg%3e") no-repeat center; background-size: 20px; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: calc(100% - 52px); width: auto; height: 30px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: bold; line-height: 30px; transition: border 300ms ease; font-size: 22px; font-family: MyriadProBold, serif; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .product-item-amount-description-container { display: block; color: #a5a5a5; white-space: nowrap; font-size: 12px; } .product-item-big-card .product-item-amount-field-container { text-align: left; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } /**/ .product-item-quantity { font-size: 12px; } /*region Properties */ .product-item-properties { display: block; width: 100%; text-align: center; color: #C6C6C6; padding: 0 5px 0 10px; } .activeItem .product-item-properties { color: #fff; } .activeItem .product-item-properties dd{ color: #fff; } .product-item-prop-name, .product-item-prop-value{ min-width: 115px; } .product-item-properties dl { clear: both; } .product-item-properties dt { float: left; clear: both; font-size: 12px; font-weight: normal; min-width: 80px; } .product-item-properties dd { float: left; font-size: 12px; color: #C6C6C6; font-weight: bold; min-width: 80px; } /*endregion*/ /*Compare*/ .product-item-compare-container { position: relative; display: none; margin: 0 -15px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e6e6e6; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; vertical-align: middle; font-size: 12px; line-height: 20px; } .product-item-line-card .product-item-compare-container { margin: 0; border: none; background-color: transparent; box-shadow: none; text-align: center; } .bx-touch .product-item-compare-container { display: none; } .product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container { display: block; } .product-item-compare .checkbox { margin: 0; padding: 0; } /*Description*/ .product-item-description-container { } .product-item-description-container p { color: #575757; font-size: 13px; } /*Buttons*/ .product-item-button-container { text-align: center; } .product-item-button-container .btn { margin-bottom: 2px; } /*Stickers*/ .product-item-sticker, .product-item-sticker-round { display: none; } /*More*/ .product-item-more-container { position: relative; display: block; box-sizing: border-box; padding: 15px 15px 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; transition: all 300ms ease; } .product-item-more-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; } .product-item-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 50%; opacity: .7; transition: opacity 300ms ease; } .bx-touch .product-item-more, .product-item-container.hover .product-item-more { opacity: 1; } .product-item-quantity-block{ margin-top: auto!important; display: none; } .product-item-buttons-block{ margin-top: auto!important; } .product-item-more-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .fav-line { position: absolute; right: 0; } .section_fav{ margin: 15px 10px 0 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAVCAMAAAAHMYwRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NEREVENzE1NzM3MTFFQkEzMTdBRDlCOTQyMEZCNUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NEREVENzA1NzM3MTFFQkEzMTdBRDlCOTQyMEZCNUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNWM0YmI1Yi04NmI0LTg2NGYtYTg5Yy1mNmNkZDFkYjg2YjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozNWM0YmI1Yi04NmI0LTg2NGYtYTg5Yy1mNmNkZDFkYjg2YjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tFV43AAABj1BMVEX+SAD9SgD+SQD9SwH+SgD+Tw3+SwD/RgD/QwH+RgD+rIv+TwT9TAP+Ug7+SgX+YST+Vg3/wqz+Whj+VA//fEv/zr7/RwP+Xhb+RwD/VRr/VBj/uaD+cDr/hEX+VhP+Tgf+Uwn/VRD+Tgr/omr/hET+VAj+TQj+TQr+WQ3/k2r+TgP/UxP+VxT/RwX/glT+Yyn+Ug//sJL+fkz/fTv9Wxf/hFj/YRb/mnX+XBT/jGT/zbv/oH79SwL/ZyL+Xh3+SwH/XiX+UQX+WRn+WBn/f0//bDX+UhD+UxH+SAL+dDH/RAP+VhH+RQD/uqL/r5P/RwD+aSP+SQL+XyH/cD3/ckH/x7L+Twn+Uwf+SgH/Uxf/wKj+onz+Yhv+k2f/UBH+WxP/imD9SQD+iVz+hUn+UAr+dTL+YyX/w63/Vhr+mnH/ezv+Whf9TgP/dkP9TQP+Ug3+Yyf+UAX/RAD/ain+bTX/qXP+jl//YCX/fU//gFH/j1L+eUT+g0P+UAn/fk/+UQz+SAP/SQf9SwD9TAAAAACj/yw1AAAAhXRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AbWheQgAAATpJREFUeNq80kVzwzAQBWAZwkmZmZmZU2ZmZmZm3PUPryXFsZVccml10GrmfWN7rEe0iBf5Q5owVDRbq7nv01KfzejzavFwTTuaX+luDNKFKABEKQtx5tbpnORwYrTp/SAHoqfu8l9vvBsBWgyoW10jgpQyzGllJt0LHA90JF9y2k6YsiOwA9TR8M0jfKfawOiFwqiOZDZ6aRY/LdDOLkYHwKAqGzU0+xgR6Okcoy8SJ8bqo1lci0BzWxlNJ8ZT+V5Fs120yj15lf+BasVCYZCn+zEW2nNuXIGNWzvdvhN56lbWg7Ik27ytPPY8h4yQFGvkjx1bgdOSzdoBH6I87tohP23mW0+8hWx6fGJdKkCSgZSLBfkq0zf/WGizMlwSeQot0/VyvXoWXsLmzf7w4m0fl/5LtSNavwIMABBSlgSW5ZCtAAAAAElFTkSuQmCC); width: 21px; height:21px; } .favor i { z-index: 15; position: relative; cursor:pointer; float: right; display:inline-block; background-position-x:right;} .favor i:hover {background-position-x: left;} .favor i.active {background-position-x: left;} .favor i.active:hover {background-position-x: right;} .product-item-container a.btn-std.btn-white.btn-sm{ padding: 6px 0; } .product-item-container.hover a.btn-std.btn-white, .product-item-container.hover a.btn-std.btn-white>div, .product-item-container a.btn-std.btn-white:hover { color: #fff; text-decoration: none; } .product-item-small-card { padding: 0 5px 20px 5px; width: 50%; } .product-item-container{ border-radius: 6px; } .product-item-container.hover h3 a{ text-decoration: underline; color: #fd4c00; } a.btn-std>div.product-btn-text, input.btn-std.product-btn-text{ width: calc(100% - 60px); } .btn-std.product-btn-details{ margin: 20px; padding: 5px; } a.btn-std.product-btn-details:hover, a.btn-std.product-btn-details>div:hover, input.btn-std.product-btn-details:hover{ text-decoration: none; } dl.product-item-properties{ margin-bottom: 0; } .product-item-ribbon{ position: absolute; top: -10px; z-index: 14; right: 5px; } .moroz-ribbon{ width: 20px; } .firestop-ribbon{ width: 18px; } .dc-ribbon{ margin-right: 5px; margin-top: 20px; } @media (min-width: 992px) { } @media(max-width: 991px) { .product-model{ font-size: 12px; } .product-item-properties dt { font-size: 10px; } .product-item-properties dd { font-size: 10px; } .product-group{ font-size: 12px; max-height: 26px; } .product-color{ font-size: 10px; margin-top: calc(6px - 100%); } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus{ min-width: 14px; height: 14px; } .product-item-amount-field{ font-size: 18px; } .btn-std.product-btn-details { margin: 10px; font-size: 12px; } a.btn-std>div.product-btn-text, input.btn-std.product-btn-text{ width: calc(100% - 40px); } } /* End */ /* /bitrix/templates/.default/components/bitrix/breadcrumb/last_link_dc/style.css?1722499473639 */ /* /bitrix/templates/.default/components/bitrix/catalog/mod/style.css?17458292841122 */ /* /bitrix/templates/m_dc/components/bitrix/catalog.element/.default/style.css?173530385539746 */ /* /bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.min.css?16333341871413 */ /* /bitrix/components/bitrix/sale.prediction.product.detail/templates/.default/style.min.css?1633334272332 */ /* /bitrix/templates/.default/components/altasib/feedback.form/callback_dc/form_style.css?171497676147808 */ /* /bitrix/templates/.default/components/altasib/feedback.form/callback_dc/themes/theme_904b69d64c238c435038a902c3235bda.css?17149767693176 */ /* /bitrix/templates/m_dc/components/bitrix/catalog.item/bootstrap_v4/style.css?173530667329105 */