/* Start:/local/templates/showcase_new/components/w247.wssync/sections/left_tree/style.css?15837041641378*/ #catalogues_menue_show{ cursor: pointer; display: block; position: relative; } #search_section { border: 1px solid #c6c7c0; height: 30px; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; box-shadow: none; margin: 10px 0; outline: none !important; border-radius: 0; color: #555; width: 100%; } .just-padding { padding: 15px; } .list-group.list-group-root { padding: 0; overflow: hidden; } .list-group.list-group-root .list-group { margin-bottom: 0; } .list-group.list-group-root .list-group-item { border-radius: 0; border-width: 1px 0 0 0; } .list-group.list-group-root > ul > li > .list-group-item:first-child { border-top-width: 0; } .list-group.list-group-root > ul > li > .list-group > ul > li > .list-group-item { padding-left: 30px; } .list-group.list-group-root > ul > li > .list-group > ul > li > .list-group > ul > li > .list-group-item { padding-left: 45px; } .list-group.list-group-root > ul > li > .list-group > ul > li > .list-group > ul > li > .list-group > ul > li > .list-group-item { padding-left: 60px; } .list-group.list-group-root > ul > li > .list-group > ul > li > .list-group > ul > li > .list-group > ul > li > .list-group > ul > li > .list-group-item { padding-left: 75px; } .list-group-item .glyphicon { margin-right: 5px; } /* End */ /* Start:/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/style.css?168147110755648*/ .bx_filter .bx_filter_section { position: relative; /* padding:30px 3.5% 0; border:7px solid #e1f5fb; border-radius:2px; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAS1BMVEXB5/LB6PLC6PLC6PPC6fPD6fPD6fTD6vTE6vTE6vXE6/XF6/XF6/bF7PbG7PbG7PfG7ffH7ffH7fjH7vjI7vjI7vnI7/nJ7/nJ7/oBqae4AAAGDElEQVQYGQXBAWKDQBACwGtXUQyKkmx6/39pZ4bDPzEfbgagALphXig4gI3mKrNtZgmIUtIalgPblzYAxjTm5osAP3Eu2nsToNsNmXboeo2ZtkMaz3TOpMszFpAp70TgQPNMghs+/OC67EFvE+KkhKmgkYump6vZ4cJly0RsPvECeQ0O/Yw2ItAm8Po1Ce+8Hof+5TTh49dWEldTrBiyNCaLXEwf96ak7ONrotmphhSM9ReKHSBrcppQauDHy9b9mPzGeiWYb5vgS/vpPTh9orPey3Edq501CDJe157vQcNICkSe7k+3sjb0LrdUNN0AqZyx8gkG5OqYa+810f03dj/ATT0LgnJ30eDSiw22Y9InB7P6TtM89TxAiplwaEkC+nvNtJ6HvJCpOO5yj3XPxHOZyYXVRvDSD2jK1TER1kT3t+gbCBXgXgehUzZBAgy8kuiWg4RmIc13M6zs9Gzc37kaY4aaiYwmsZmJAthAV94wcMvgDhE54AQTytgOzQ0SgYKdgyb0+L3DiIw6we6cO2civbPOdjgwC7zFewH6jluVd8AHBZavgtiCnXjGRKMgcayzwd4AnrHNhFkRkArDoEGTlDIJIGVvFz2wKGnJj7Otd+J4O5P3Ti7qCcont5Zt1B5R7JUZmslp9MYVZqIANvD5yRvG8sggVxG3lutxTShUBo6RjaDtGL2yC7ZZ1PxrknUDlZitnRdMVS5vQ3Ui2ozj90NEVg4s3/CFSaHYls+AgAkQB5AeHNp9banLRqcCWbCzBkGeKSfoaYe5coRLI6P8HoC0fnhPrtmKPGTYAZa2PpQNudrLTQPw/nczIcYC19tOlPBMAHYMFrv8Am7mrBnbj4vLZZ/EjQzU7Pv5myoYDcfEgnnbPSEnJfTFmLR3QGUS5rA4FTRv03S7mp+bwMpMxOYdY3WQRa9aaMrVGWz9daqChioEeJ2+jQa7ypcJHvOvsbMCVD/XPk8Optx8wPBsfBqGf0ycf2SLPJrT1ciM/F2urjP01WN52ciZBLFVUVg226kKe2ID8osG8UayUB8hHkqThrmESMO4SQS9s+QP5ASOkS/wYmz5fb08egUZC2PfQnZ82E9MRUrkNpww4W8ZcgPWjQFQ3wrm1Izvj28HtJcQ05S92x9mvbwxzqUZARh6V7cY/+CbANt5pwE1CbnxdDaB0wfT6NAhpGuA53bfurHYQJcbBiKDhIhodYKGbijdMbcZcACWM3mdF3Ehn7wXNAyyYW/2CXAD9qC7kmvL/gsPQvsK2u533ZkLZNedevxF7uKycV86vC76LPCeMe3RQdPKGzRPEtWkZKH0gauy+cIrwrvDRsrLG8zYDEnuEKcZ9kZQWZ28SNGNA5FvwkRXh2yAYwu4MpD3tEkzFeBbnguB6Y8ncRdAXzidOju9csCyJ20Txp000KtBNmzaXsCd4I3uX8cMCydGuT7L7pBFbBSEqDp42PI9ERaeACgjfoG5EHNENcl552TQbtsn7y2t8FpuTthETdCmb/IoHWyPdQ8ub90GzdQNfMsTG/B1e3K5fwu04aQ8nzeUyRqGzd5W0O33IvO8shlqpoLK9TK39qQzJdMUGQx4C7cKmiq5F/kOHOOZgBhbbuukuCILfQPuHvR+bvwQwYJCO5YfdW5HervEtytem3fsqi/wTGKsXpN1Ifx096d1r70o5baKphvrRj2O5c4SkI1ghLgYwLXIme8TUmcYrpdFXNUKHMDwuZRbv5E8jrKVJGiSI4YsmUASYWcNVGEqcPldVxEHC8MPUBs8AzhHwYJ/d4ZLbv5pS5MGoIBXVtFL0c+A7Vz4gO8f+DQXHPPvQ6JSqI45T26Gd9XbF62rJAzY1GmA5LIF3ZXbDH9wFjnZTZCwkqIN9WWihld23yZnInVqtkNAB0/vN2yvHQQ6hfMygizJHDfrAQ9MFPNiAHQev1X5NBisYNk/OLY+YD/xjLkO0Y3O8YSQVGCYs4d+vLi7ERAM3HzAyF3duDBOEA0bbMekTdSHtL9m2UQjf2QerOAxf4I5X99nHIxrmQlAJ41Sk5B7TYcHtj9rT9B5JYTkBXv4D9G7lmk7oTNdAAAAAElFTkSuQmCC'); text-shadow:0 1px 0 #fff; */ } .bx_filter .bx_filter_title { font-size: 21px; font-weight: bold; margin-bottom: 10px; padding: 0 10px; color: #000; text-shadow: 0 1px 0 #fff; /*text-align: left;*/ } /*bx_filter_container => bx_filter_parameters_box*/ .bx_filter .bx_filter_button_box, .bx_filter .bx_filter_parameters_box { margin-bottom: 20px; padding: 0 6px; } .bx_filter .bx_filter_button_box { clear: both; } .bx_filter.bx_horizontal .bx_filter_parameters_box { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 0 15px; } .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) { clear: both; } @media (max-width: 860px) { .bx_filter.bx_horizontal .bx_filter_parameters_box { width:33.333%; } .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) { clear: none; } .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2) { clear: both; } } @media (max-width: 640px) { .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box { width:50%; } .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) { clear: none; } .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2) { clear: none; } .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2) { clear: both; } } @media (max-width: 450px) { .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box { float:none; width: 100%; } .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(4n+2) { clear: none; } .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(3n+2) { clear: none; } .bx-touch .bx_filter.bx_horizontal .bx_filter_parameters_box:nth-child(2n+2) { clear: none; } } .bx_filter .bx_filter_parameters_box_title { font-size: 15px; display: inline-block; margin-bottom: 10px; cursor: pointer; color: #000; border-bottom: 1px dashed #000; position: relative; } .bx_filter .bx_filter_parameters_box_title:after { position: absolute; content: ' '; width: 7px; height: 4px; top: 50%; /*left: -13px;*/ right: -15px; margin-top: -1px; opacity: .8; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjWLWCQWsBg1cLQ5AIQ0gIACLDA/lykNHsAAAAAElFTkSuQmCC'); } .bx_filter .bx_filter_parameters_box.active .bx_filter_parameters_box_title:after { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFAgMAAAD09B5LAAAABGdBTUEAALGPC/xhBQAAAAlQTFRF////AAAAAAAAflGpXQAAAAN0Uk5TvwCA2cz+0wAAABdJREFUCNdjCAthiJrCkLWEYdUKBgYGACBrA/l9XbhoAAAAAElFTkSuQmCC"); } .bx_filter .bx_filter_block { display: none; padding: 0; } .bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block { display: block; } .bx_filter .bx_filter_parameters_box.active .bx_filter_block i { font-size: 15px; font-style: normal; color: #596b70; display: block; padding-bottom: 3px; } /*bx_filter_param_area => bx_filter_parameters_box_container*/ .bx_filter .bx_filter_parameters_box_container { /*margin-bottom:20px;*/ margin-top: 20px; text-align: center; } /*bx_filter_param_area_block => bx_filter_parameters_box_container_block*/ .bx_filter .bx_filter_parameters_box_container_block { font-size: 11px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; color: #3f3f3f; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2) { text-align: right; } /*bx_input_container => bx_filter_input_container*/ .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*max-width:105px;*/ max-width: 66%; min-width: 80px; width: 100%; height: 35px; padding: 1px; border-radius: 3px; background: #8ca3ae; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background: -webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%); box-shadow: 0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(1) { padding-right: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_parameters_box_container_block:nth-child(2) { padding-left: 5px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 18px; /*max-width:33%;*/ /*min-width: 105px;*/ height: 33px; margin: 0; padding: 0 4px; border: none; border-radius: 2px; background: #fff; box-shadow: inset 0 3px 6px 0 rgba(215,215,215,.75); } .bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container { max-width: 100%; position: relative; } .bx_filter .bx_filter_parameters_box_container .bx_filter_calendar_container input.calendar { padding: 0 23px 0 4px; font-size: 15px; } .bx_filter .bx_filter_parameters_box_container .bx_filter_input_container img.calendar-icon { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; font-size: 18px; top: 7px; right: 3px; } /*Track*/ .bx_filter .bx_ui_slider_track { position: relative; height: 7px; margin: 25px 10px; border: 1px solid #8da3ad; background: #a1c0c8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ExYzBjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiM2Q1ZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1c0c8), color-stop(100%,#b3d5df)); background: -webkit-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -moz-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -ms-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: -o-linear-gradient(top, #a1c0c8 0%,#b3d5df 100%); background: linear-gradient(top bottom, #a1c0c8 0%,#b3d5df 100%); box-shadow: 0 1px 0 0 rgba(255,255,255,.35); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c0c8', endColorstr='#b3d5df',GradientType=0 ); } .bx_filter .bx_ui_slider_part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx_filter .bx_ui_slider_part.p1 { left: -1px; } .bx_filter .bx_ui_slider_part.p2 { left: 25%; } .bx_filter .bx_ui_slider_part.p3 { left: 50%; } .bx_filter .bx_ui_slider_part.p4 { left: 75%; } .bx_filter .bx_ui_slider_part.p5 { right: -1px; } .bx_filter .bx_ui_slider_part span { font-size: 11px; font-weight: bold; position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx_filter .bx_ui_slider_part.p2 span, .bx_filter .bx_ui_slider_part.p3 span, .bx_filter .bx_ui_slider_part.p4 span { color: #6b8086; } .bx_filter .bx_ui_slider_range, .bx_filter .bx_ui_slider_pricebar, .bx_filter .bx_ui_slider_pricebar_VD, .bx_filter .bx_ui_slider_pricebar_VN, .bx_filter .bx_ui_slider_pricebar_V { position: absolute; top: -1px; bottom: -1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_filter .bx_ui_slider_range { z-index: 50; } .bx_filter .bx_ui_slider_pricebar { z-index: 100; } .bx_filter .bx_ui_slider_pricebar_VD { z-index: 60; border-top: 1px solid #74868e; border-bottom: 1px solid #74868e; background: #849da4; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0OWRhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2FmYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#849da4), color-stop(100%,#93afb7)); background: -webkit-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -moz-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -ms-linear-gradient(top, #849da4 0%,#93afb7 100%); background: -o-linear-gradient(top, #849da4 0%,#93afb7 100%); background: linear-gradient(top bottom, #849da4 0%,#93afb7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849da4', endColorstr='#93afb7',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_VN { z-index: 70; border: 1px solid #8da3ad; background: #a8dff3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4ZGZmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGVhZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6eccea), color-stop(100%,#73d6f6)); background: -webkit-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -moz-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -ms-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: -o-linear-gradient(top, #6eccea 0%,#73d6f6 100%); background: linear-gradient(top bottom, #6eccea 0%,#73d6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6eccea', endColorstr='#73d6f6',GradientType=0 ); } .bx_filter .bx_ui_slider_pricebar_V { z-index: 80; top: -1px; bottom: -1px; /* border-right:1px solid #1888cc; border-left: 1px solid #1888cc;*/ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y left, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAABGdBTUEAALGPC/xhBQAAAANQTFRFGIjM1MdTygAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CIIA=') repeat-y right, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJCAMAAAAxZj1mAAAABGdBTUEAALGPC/xhBQAAAL1QTFRFANz2ALTqAKrmALbrAN33AKzmANf0ALPqAKfkAKrlAKbkHpThALXqALHqAI/dAKDkAJviAJ/lAJrhAKnnAKTnAJTgAJ/kAKTmAJXfAJnhAKbjAJriAJ3iAKfoAKPnAJHeAKHjAKfmAKznAKvoAKvpAKHkAKzqALTrALTpANb0ALXrALPrALjtAJ7kAKfnAKPlAKTlAKLnAKbnAK/pHpTiALDqANz3AHi6AKzpAKjoANv2AHm6AKzoAHm7H5XiGxHqSgAAAG9JREFUCNcVxEUCwkAQBMDG3V2Dxz3rO/n/s4A6FOqq/vk3qsC7XGsfuu1rjk7gtZoNLxqMgwg9xvqh6w7ZJDyitDcpbVbax9titVT35yFRr7P8YJ5k6T7dFadLoTBbxNN1vN3k19yBEIYEkTGG6AvhQBEyBjCadgAAAABJRU5ErkJggg==') repeat-x; } .bx_filter .bx_ui_slider_handle { position: absolute; top: 100%; width: 22px; height: 22px; } .bx_filter .bx_ui_slider_handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx_filter .bx_ui_slider_handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx_filter .bx_ui_slider_handle.left { left: 0; margin-left: -21px; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/handle_left.png) no-repeat right top; } .bx_filter .bx_ui_slider_handle.right { right: 0; margin-right: -21px; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/handle_right.png) no-repeat left top; } /* * Select * */ .bx_filter .bx_filter_select_container { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 1px; border-radius: 3px; background: #8ca3ae; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjYTNhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNmM4ZDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca3ae), color-stop(100%,#b6c8d2)); background: -webkit-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -moz-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -ms-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: -o-linear-gradient(top, #8ca3ae 0%,#b6c8d2 100%); background: linear-gradient(top bottom, #8ca3ae 0%,#b6c8d2 100%); box-shadow: 0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca3ae', endColorstr='#b6c8d2',GradientType=0 ); } .bx_filter .bx_filter_select_block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; box-shadow: inset 0 3px 6px 0 rgba(215,215,215,.75); } .bx_filter .bx_filter_select_text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx_filter .bx_filter_select_text.fix { min-width: 120px; } .bx_filter .bx_filter_select_text label { cursor: pointer; } .bx_filter .bx_filter_select_arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx_filter_select_popup { padding: 0; } .bx_filter_select_popup ul { margin: 0; padding: 0; list-style: none; } .bx_filter_select_popup ul li { display: block; text-align: left; vertical-align: middle; } .bx_filter_select_popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx_filter_select_popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx_filter_select_popup ul li label.selected, .bx_filter_select_popup ul li label:hover { color: #000; background: #f3f8fa; } .bx_filter_select_popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx_filter_select_popup ul li .bx_filter_param_text { line-height: 26px !important; } /* * TAGS * */ .bx_filter.bx_horizontal .bx_filter_parameters_box.tags { width: 100%; clear: both } .bx_filter .bx_filter_tag { padding: 18px; border: 1px solid #aed5e0; border-radius: 5px; background: rgba(151,214,233,.33); } .bx_filter .bx_tag_link { font-size: 12px; text-decoration: none; color: #68939e; border-bottom: 1px solid; text-shadow: none; } .bx_filter .bx_tag_link.active, .bx_filter .bx_tag_link:hover { color: #1d3d46; border-bottom: none; } /* * LABEL * */ .bx_filter .bx_filter_param_label { font-size: 13px; position: relative; display: block; text-align: left; margin-bottom: 5px; margin-right: 5px; } .bx_filter .bx_filter_param_label.dib { display: inline-block; } .bx_filter .bx_filter_param_text { line-height: 34px; position: relative; display: inline-block; margin: 0 5px; vertical-align: middle; text-align: center; cursor: pointer; } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_text { color: #6c6c6c; /*text-decoration: line-through;*/ } .bx_filter_select_popup .bx_filter_param_label.active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx_filter .bx_filter_input_checkbox { position: relative; display: block; clear: both; overflow: hidden; min-height: 20px; padding-top: 5px; padding-bottom: 5px; } .bx_filter .bx_filter_input_checkbox input[type=radio], .bx_filter .bx_filter_input_checkbox input[type=checkbox] { position: relative; top: -3px; float: left; } .bx_filter .bx_filter_input_checkbox .bx_filter_param_text { display: block; line-height: 15px; margin-left: 25px; text-align: left; } /* * BTN * */ .bx_filter .bx_filter_param_btn { display: inline-block; width: 34px; height: 34px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #9dbcc3; border-radius: 3px; background: #fbfdfd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfdfd), color-stop(100%,#cfe1e7)); background: -webkit-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -moz-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -ms-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: -o-linear-gradient(top, #fbfdfd 0%,#cfe1e7 100%); background: linear-gradient(top bottom, #fbfdfd 0%,#cfe1e7 100%); background-clip: padding-box; box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 0 0 1px rgba(255,255,255,.22); text-shadow: 0 1px 0 #fff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfdfd', endColorstr='#cfe1e7',GradientType=0 ); -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx_filter .bx_filter_param_btn:hover { border-color: #b4d5de } .bx_filter .bx_filter_param_btn:active, .bx_filter .bx_filter_param_label.active .bx_filter_param_btn { border-color: #b4d5de; background: #fcfefe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmUyZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#cfe2e7)); background: -webkit-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: -moz-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: -ms-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: -o-linear-gradient(top, #fcfefe 0%,#feffff 100%); background: linear-gradient(top bottom, #fcfefe 0%,#cfe2e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#feffff',GradientType=0 ); box-shadow: 0 0 0 3px #2995d7,inset 0 2px 3px rgba(0,0,0,.12); } /* --- colors */ .bx_filter .bx_filter_param_btn.bx_color_sl { /*width:24px;*/ /*padding:0 1px;*/ } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl { background: transparent; box-shadow: none } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl { position: relative; } .bx_filter .bx_filter_param_label.disabled .bx_filter_param_btn.bx_color_sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; /*width: 19px;*/ /*height:19px;*/ display: block; z-index: 100; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/missing_v2.png) no-repeat center; opacity: .7; } /* * BTN P/M * */ .bx_filter .bx_filter_param_btn.bx_spm { width: 23px; min-width: 23px; height: 23px; padding: 0; vertical-align: middle; } .bx_filter .bx_filter_param_btn.bx_spm.bx_minus { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAECAIAAADXmFKkAAAAIUlEQVQYV2NgKFmCD5UuYUDno5ElUBWLoUJwUWT0nxAAABiMRP18QPJ4AAAAAElFTkSuQmCC), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat: no-repeat,repeat; background-position: center 10px,center; } .bx_filter .bx_filter_param_btn.bx_spm.bx_plus { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -webkit-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), -o-linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAATElEQVQoz2NgQAclS/7DMUEAVriYWMVQhSCaKJNLcTmjFMmNyBibOFgQLrEYu0a4YrCCxbhNQxb7jwaQFWLIUR7OpUtIDWciFONzIwAP8KL1rVnYDQAAAABJRU5ErkJggg==), linear-gradient(#fbfdfd 0%, #cfe1e7 100%); background-repeat: no-repeat,repeat; background-position: center 6px,center; } .bx_filter .bx_filter_param_btn.bx_spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0,0,0,.12); } .bx_filter span.bx_spm { font-size: 18px; font-weight: bold; line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx_filter_select_popup .bx_filter_select_text_icon, .bx_filter .bx_filter_select_text_icon { line-height: 33px; position: relative; display: inline-block; width: 24px; height: 24px; margin-top: -2px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx_filter_select_popup .bx_filter_btn_color_icon, .bx_filter .bx_filter_btn_color_icon { line-height: 24px; position: relative; top: 5px; border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); -webkit-background-size: cover; background-size: cover; } .bx_filter_select_popup .bx_filter_btn_color_icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx_filter .bx_filter_select_block .bx_filter_btn_color_icon { top: -1px !important; } .bx_filter_btn_color_icon.all { position: relative; border: none; box-shadow: none } .bx_filter_btn_color_icon.all:after, .bx_filter_btn_color_icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } .bx_filter_btn_color_icon.all:after { right: 0; bottom: 0; } .bx_filter_btn_color_icon.all:before { top: 0; left: 0; } .bx_filter .bx_filter_param_label.disabled .bx_filter_btn_color_icon { opacity: .2; } /* * BIZ * */ .bx_filter .bx_filter_parameter_biz { font-size: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #215968; border-bottom: 1px dashed; } .bx_filter .bx_filter_parameter_biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx_filter .bx_filter_parameter_biz.active { position: relative; padding-left: 20px; color: #d54a4a; border-bottom: 1px solid; } .bx_filter .bx_filter_parameter_biz.active:hover { border-bottom: 1px dashed; } .bx_filter .bx_filter_parameter_biz.active:before { position: absolute; top: 4px; left: 1px; display: block; width: 13px; height: 13px; content: ' '; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left; } /* * BTN result and reset * */ .bx_filter .bx_filter_search_button { cursor: pointer; outline: none; font-size: 14px; font-weight: bold; line-height: 35px; display: inline-block; height: 35px; margin-right: 7px; margin-bottom: 10px; padding: 0 10px; text-decoration: none; color: #1075a2; border-top: 1px solid rgba(0,0,0,.1); border-right: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.4); border-left: 1px solid rgba(0,0,0,.2); border-radius: 3px; background: #f9fafa; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfefe), color-stop(100%,#c6e8f2)); background: -webkit-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -moz-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -ms-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: -o-linear-gradient(top, #fcfefe 0%,#c6e8f2 100%); background: linear-gradient(top bottom, #fcfefe 0%,#e4f1f5 100%); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); text-shadow: 0 1px 0 0 rgba(255,255,255,.75); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefe', endColorstr='#c6e8f2',GradientType=0 ); } .bx_filter .bx_filter_search_button:hover { background: #f0f9fb; } .bx_filter .bx_filter_search_button:active { position: relative; bottom: -1px; background: #e4f1f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZjFmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f5), color-stop(100%,#f9fafa)); background: -webkit-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -moz-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -ms-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: -o-linear-gradient(top, #e4f1f5 0%,#f9fafa 100%); background: linear-gradient(top bottom, #e4f1f5 0%,#f9fafa 100%); box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.08) ; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f5', endColorstr='#f9fafa',GradientType=0 ); } .bx_filter .bx_filter_search_reset { cursor: pointer; outline: none; font-size: 14px; font-weight: bold; line-height: 35px; display: inline-block; height: 35px; margin-right: 7px; margin-bottom: 10px; padding: 0 10px; /*text-decoration:underline;*/ color: #586a6f; border-radius: 3px; background: transparent; border: none; text-shadow: 0 1px 0 0 rgba(255,255,255,.75); } .bx_filter .bx_filter_search_reset:hover { color: #555; } .bx_filter .bx_filter_search_reset:active { position: relative; bottom: -1px; /*box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.08) ;*/ } /* * Result Popup * */ .bx_filter .bx_filter_popup_result { font-size: 13px; font-weight: normal; line-height: 33px; position: absolute; z-index: 930; display: none; height: 33px; margin-top: -7px; margin-left: 10px; padding: 0 10px; white-space: nowrap; color: #3f3f3f; border-top: 1px solid #c0d6dc; border-right: 1px solid #c0d7dd; border-bottom: 1px solid #c0d6dc; border-left: 1px solid #c0d7dd; border-radius: 3px; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow { position: absolute; top: 50%; width: 8px; height: 14px; margin-top: -7px; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/arr_left.png) no-repeat center; } .bx_filter.bx_horizontal .bx_filter_popup_result { position: static !important; display: inline-block } .bx_filter.bx_horizontal .bx_filter_popup_result .arrow { display: none; } .bx_filter .bx_filter_popup_result.right { left: 102%; } .bx_filter .bx_filter_popup_result.left { right: 102%; } .bx_filter .bx_filter_popup_result.right .arrow { left: -8px; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/arr_left.png) no-repeat center; } .bx_filter .bx_filter_popup_result.left .arrow { right: -8px; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/arr_right.png) no-repeat center; } .bx_filter .bx_filter_popup_result a { color: #0073a3; } .bx_filter .bx_filter_popup_result a:hover { text-decoration: none; } .bx_filter .bx_filter_popup_result_close { display: none; } @media (max-width: 530px) { .bx-touch .bx_filter .bx_filter_popup_result { font-size:12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 0; box-shadow: 0 -2px 5px 0 rgba(0,0,0,.1); } .bx_filter .bx_filter_popup_result .arrow { display: none; } .bx-touch .bx_filter .bx_filter_popup_result_close { position: absolute; top: 50%; right: 10px; display: block; width: 22px; height: 22px; margin-top: -11px; background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/x.png) no-repeat center; background-size: 16px; } } .filters .filter-box { padding: 14px 18px; border-bottom: 1px solid #e4e4e4; } .filter-popup { position: absolute; display: none; z-index: 10; } .filter-popup .text { float: left; position: relative; left: 197px; top: -3px; background-color: #ffaf1e; padding: 3px 2px; border-radius: 4px; } .filter-popup .triangle { width: 0; height: 0; border-top: 5px solid transparent; border-right: 9px solid #ffaf1e; border-bottom: 5px solid transparent; float: left; position: absolute; left: 188px; top: 4px; } .filters .filter-box .filter-title { font-size: 14px; color: #363636; margin-bottom: 10px; } .multi-dropdown .unselect-all { float: right; margin-top: -29px; background: #f1f1f1; padding: 0 5px; border-radius: 3px; } .multi-dropdown .unselect-all .close { cursor: pointer; display: inline-block; width: 8px; height: 8px; background: url("/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/new-site-sprite.png?v=99e810e6b42ce9d1a5dc9be9909afee8"); background-position: -86px 0; } .dropdown { cursor: pointer; position: relative; line-height: normal; width: 100%; } .dropdown .value { width: 100%; border-radius: 2px; border: 1px solid #c8c3b9; height: 25px; line-height: 25px; padding: 0 27px 0 8px; } .dropdown .value:after { content: ''; display: block; position: absolute; width: 11px; height: 6px; background: url("/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/new-site-sprite.png?v=99e810e6b42ce9d1a5dc9be9909afee8") -73px 0; top: 9px; right: 8px; } .dropdown .list { background: #fff; width: 100%; position: absolute; border: 1px solid #c8c3b9; margin-top: -1px; max-height: 29em; /*z-index: 100;*/ overflow-y: scroll !important; } .dropdown .list .item { cursor: pointer; padding: 5px 8px 4px; } .filter_sidebar .panel-body { padding: 0; } .selected-items .item { display: inline-block; position: relative; font-size: 12px; background: #f1f1f1; padding: 1px 20px 1px 7px; border-radius: 3px; margin-right: 9px; margin-top: 9px; } .selected-items .item .close { cursor: pointer; position: absolute; width: 8px; height: 8px; background: url("/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/images/new-site-sprite.png?v=99e810e6b42ce9d1a5dc9be9909afee8"); background-position: -86px 0; right: 7px; top: 7px; } div.lamp_types, div.transmission_oils_types { padding-top: 20px; } div.wiper_type, div.lamp_type, div.lamp_subtype, div.transmission_oils_type, div.transmission_oils_subtype { display: block; margin: 10px auto 10px auto; /*width: 118px;*/ padding: 10px; cursor: pointer; /*height: 53px;*/ background: #F2F3F8; border-radius: 4px; box-shadow: 0px 2px 4px rgba(33, 33, 33, 0.25); } div.lamp_type, div.transmission_oils_type { display: inline-block; margin: 5px auto 5px auto; width: 270px; } div.lamp_subtype, div.transmission_oils_subtype { width: 222px; float: right; padding: 8px 0 8px 0; margin: 5px auto 5px auto; } .wiper_type .wiper_type_name, .lamp_type .lamp_type_name, .lamp_subtype .lamp_subtype_name, .transmission_oils_type .transmission_oils_type_name, .transmission_oils_subtype .transmission_oils_subtype_name { color: #555; font-size: 12px; font-weight: bold; font-family: 'Montserrat'; margin: 0; padding: 5px; text-transform: uppercase; } div.wiper_type.selected, div.lamp_type.selected, div.lamp_subtype.selected, div.transmission_oils_type.selected, div.transmission_oils_subtype.selected { background: #d9534f; } div.lamp_subtype.selected, div.transmission_oils_subtype.selected { background: #3589d4; } .wiper_type.selected .wiper_type_name, .lamp_type.selected .lamp_type_name, .lamp_subtype.selected .lamp_subtype_name, .transmission_oils_type.selected .transmission_oils_type_name, .transmission_oils_subtype.selected .transmission_oils_subtype_name { color: #ffffff; } /* NEW */ .filters .filter-box .filter-title { display: none; } .filters .filter-box { padding: 16px 20px; border: none; position: relative; } .dropdown .value { padding: 0; border: none; height: auto; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #212121; } .filters .filter-box:after { content: ''; position: absolute; left: 20px; right: 20px; bottom: 0; height: 1px; background-color: #F0F1F7; } .dropdown .value:after { background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.09588 10.2276L1.46747 5.46088C1.24424 5.23099 1.24424 4.85827 1.46747 4.6284L2.0073 4.07244C2.23014 3.84294 2.59131 3.8425 2.81467 4.07146L6.50006 7.84918L10.1854 4.07146C10.4088 3.8425 10.77 3.84294 10.9928 4.07244L11.5326 4.6284C11.7559 4.8583 11.7559 5.23101 11.5326 5.46088L6.90424 10.2276C6.68101 10.4575 6.31911 10.4575 6.09588 10.2276Z' fill='%23212121'/%3E%3C/svg%3E%0A"); width: 13px; height: 13px; top: 2px; background-repeat: no-repeat; background-position: center; right: 0; } .bx_filter.bx_blue { margin-top: 10px; } .dropdown .list { position: relative; border: none; margin: 10px 0; overflow: auto !important; max-height: 250px; scrollbar-gutter: stable; } .dropdown .list .item { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; /* identical to box height */ color: #000000; padding: 4px 0 4px 26px; position: relative; } .dropdown.is-open .value:after { transform: rotate(180deg); } .dropdown .list .item:before { content: ''; position: absolute; left: 0; top: 4px; height: 15px; width: 15px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3929 0H1.60714C0.719866 0 0 0.719866 0 1.60714V13.3929C0 14.2801 0.719866 15 1.60714 15H13.3929C14.2801 15 15 14.2801 15 13.3929V1.60714C15 0.719866 14.2801 0 13.3929 0ZM13.192 13.3929H1.80804C1.69754 13.3929 1.60714 13.3025 1.60714 13.192V1.80804C1.60714 1.69754 1.69754 1.60714 1.80804 1.60714H13.192C13.3025 1.60714 13.3929 1.69754 13.3929 1.80804V13.192C13.3929 13.3025 13.3025 13.3929 13.192 13.3929Z' fill='%23212121'/%3E%3C/svg%3E%0A"); } .dropdown .list .item.checked:before { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.87068 10.8882L12.8765 5.38886C13.0402 5.23895 13.0413 4.99489 12.8789 4.84372L12.0947 4.11399C11.9323 3.96285 11.6679 3.96189 11.5041 4.1118L6.5853 8.61576L4.50463 6.67957C4.34223 6.5284 4.07783 6.52744 3.9141 6.67735L3.12352 7.40124C2.95975 7.55119 2.95871 7.79525 3.12112 7.94638L6.28015 10.886C6.44256 11.0371 6.70696 11.0381 6.87068 10.8882Z' fill='%23E52D2D'/%3E%3Cpath d='M13.3929 0H1.60714C0.719866 0 0 0.719866 0 1.60714V13.3929C0 14.2801 0.719866 15 1.60714 15H13.3929C14.2801 15 15 14.2801 15 13.3929V1.60714C15 0.719866 14.2801 0 13.3929 0ZM13.192 13.3929H1.80804C1.69754 13.3929 1.60714 13.3025 1.60714 13.192V1.80804C1.60714 1.69754 1.69754 1.60714 1.80804 1.60714H13.192C13.3025 1.60714 13.3929 1.69754 13.3929 1.80804V13.192C13.3929 13.3025 13.3025 13.3929 13.192 13.3929Z' fill='%23212121'/%3E%3C/svg%3E%0A"); } .selected-items .item { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-size: 12px; line-height: 1; color: #000000; padding: 4px 14px 4px 4px; background: #D9D9D9; border-radius: 2px; margin-right: 2px; } .selected-items .item .close { background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.5L1 6.5' stroke='%23353434'/%3E%3Cpath d='M1 0.5L7 6.5' stroke='%23353434'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; right: 4px; width: 6px; height: 6px; text-shadow: none; opacity: 1; } .bx_filter .bx_filter_button_box { margin: 0; padding: 0 20px; } .bx_filter .bx_filter_parameters_box_container { display: flex; margin: 15px 0 20px; } .bx_filter .bx_filter_parameters_box_container .btn { background: none; padding: 0; font-family: 'Rubik'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #5B5B5B; border-bottom: 1px solid; border-radius: 0; transition: border linear 0.2s; } .bx_filter .bx_filter_parameters_box_container .btn:hover { border-bottom-color: transparent; } .dropdown .value { padding-right: 20px; } .price-input { width: 100%; display: flex; margin: 16px 0 20px; } .price-input .field { display: flex; width: 100%; height: 30px; align-items: center; } .field input { width: 100%; height: 100%; outline: none; margin-left: 0; text-align: left; -moz-appearance: textfield; border: 1px solid #BFBFC6; border-radius: 4px; font-weight: 300; font-size: 14px; line-height: 14px; /* UI / black */ color: #212121; font-family: 'Rubik'; padding: 0 7px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } .price-input .separator { width: 20px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; /* identical to box height */ text-align: center; color: #000000; } .slider { height: 4px; position: relative; background: #ddd; border-radius: 4px; } .slider .progress { height: 100%; left: 25%; right: 25%; position: absolute; border-radius: 4px; background: #E52D33; } .range-input { position: relative; margin-bottom: 10px; } .range-input input { position: absolute; width: 100%; height: 4px; top: -4px; background: none; pointer-events: none; -webkit-appearance: none; -moz-appearance: none; } input[type="range"]::-webkit-slider-thumb { height: 14px; width: 14px; border-radius: 50%; background: #fff; border: 1px solid #E52D2D; pointer-events: auto; -webkit-appearance: none; box-shadow: 0px 1px 2px rgba(33, 33, 33, 0.25); } input[type="range"]::-moz-range-thumb { height: 14px; width: 14px; border-radius: 50%; background: #fff; border: 1px solid #E52D2D; pointer-events: auto; -moz-appearance: none; box-shadow: 0px 1px 2px rgba(33, 33, 33, 0.25); } :root { --form-control-color: rebeccapurple; --form-control-disabled: #959495; } .custom-form-control { display: grid; grid-template-columns: 1em auto; gap: 0.5em; font-family: 'Rubik'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; /* identical to box height */ /* UI / black */ color: #212121; } .custom-form-control+.custom-form-control { margin-top: 1em; } .custom-form-control--disabled { color: var(--form-control-disabled); cursor: not-allowed; } .custom-form-control input[type="checkbox"] { /* Add if not using autoprefixer */ -webkit-appearance: none; /* Remove most all native input styles */ appearance: none; /* For iOS < 15 */ background-color: var(--form-background); /* Not removed via appearance */ margin: 0; font: inherit; color: currentColor; width: 15px; height: 15px; transform: translateY(1px); border-radius: 0.15em; display: grid; place-content: center; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3929 0H1.60714C0.719866 0 0 0.719866 0 1.60714V13.3929C0 14.2801 0.719866 15 1.60714 15H13.3929C14.2801 15 15 14.2801 15 13.3929V1.60714C15 0.719866 14.2801 0 13.3929 0ZM13.192 13.3929H1.80804C1.69754 13.3929 1.60714 13.3025 1.60714 13.192V1.80804C1.60714 1.69754 1.69754 1.60714 1.80804 1.60714H13.192C13.3025 1.60714 13.3929 1.69754 13.3929 1.80804V13.192C13.3929 13.3025 13.3025 13.3929 13.192 13.3929Z' fill='%23212121'/%3E%3C/svg%3E%0A"); } .custom-form-control input[type="checkbox"]::before { content: ""; /* Windows High Contrast Mode */ background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.87068 10.8882L12.8765 5.38886C13.0402 5.23895 13.0413 4.99489 12.8789 4.84372L12.0947 4.11399C11.9323 3.96285 11.6679 3.96189 11.5041 4.1118L6.5853 8.61576L4.50463 6.67957C4.34223 6.5284 4.07783 6.52744 3.9141 6.67735L3.12352 7.40124C2.95975 7.55119 2.95871 7.79525 3.12112 7.94638L6.28015 10.886C6.44256 11.0371 6.70696 11.0381 6.87068 10.8882Z' fill='%23E52D2D'/%3E%3Cpath d='M13.3929 0H1.60714C0.719866 0 0 0.719866 0 1.60714V13.3929C0 14.2801 0.719866 15 1.60714 15H13.3929C14.2801 15 15 14.2801 15 13.3929V1.60714C15 0.719866 14.2801 0 13.3929 0ZM13.192 13.3929H1.80804C1.69754 13.3929 1.60714 13.3025 1.60714 13.192V1.80804C1.60714 1.69754 1.69754 1.60714 1.80804 1.60714H13.192C13.3025 1.60714 13.3929 1.69754 13.3929 1.80804V13.192C13.3929 13.3025 13.3025 13.3929 13.192 13.3929Z' fill='%23212121'/%3E%3C/svg%3E%0A"); position: absolute; left: 0; top: 0; height: 100%; } .custom-form-control input[type="checkbox"]:checked::before { width: 100%; height: 100%; } .custom-form-control input[type="checkbox"]:focus { outline: none; } .custom-form-control input[type="checkbox"]:disabled { --form-control-color: var(--form-control-disabled); color: var(--form-control-disabled); cursor: not-allowed; } .show_result_mobile { display: none; } .show-results-mobile { position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; border-radius: 0; box-shadow: none; border: none; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; text-align: center; padding: 7px 20px; display: none; } .show-results-mobile > a { background: linear-gradient(90deg, #EE6D36 0%, #E52D33 100%); box-shadow: 0px 2px 4px rgba(33, 33, 33, 0.25); border-radius: 8px; color: #fff !important; width: 100%; padding: 10px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; } @media (max-width: 768px) { .show-results-mobile { display: flex; } .bx_filter .bx_filter_button_box { display: flex; align-items: baseline; } .bx_filter .bx_filter_button_box .bx_filter_block, .bx_filter .bx_filter_parameters_box.active .bx_filter_block { margin-left: auto; } .panel-body__title { font-family: 'Rubik'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #212121; } .panel-body__close { width: 16px; height: 16px; display: block; margin-left: auto; margin-top: 7px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.58297 8.16868L14.6196 13.2053C14.8279 13.4136 14.8411 13.7422 14.6493 13.9446L13.9447 14.6493C13.7476 14.8464 13.4137 14.8278 13.2054 14.6195L8.16876 9.58289L3.13213 14.6195C2.91851 14.8331 2.58501 14.8414 2.39283 14.6493L1.68819 13.9446C1.49601 13.7524 1.5043 13.4189 1.71792 13.2053L6.75455 8.16868L1.71791 3.13205C1.50429 2.91842 1.496 2.58492 1.68818 2.39274L2.39282 1.6881C2.58992 1.491 2.9185 1.50421 3.13213 1.71783L8.16876 6.75447L13.2054 1.71783C13.4137 1.50954 13.7472 1.50126 13.9447 1.68809L14.6493 2.39273C14.8465 2.58984 14.8279 2.92376 14.6196 3.13204L9.58297 8.16868Z' fill='%23BFBFC6'/%3E%3C/svg%3E%0A"); margin-right: 7px; } .bx_filter.bx_blue { margin-top: 0; padding-bottom: 50px; } .bx_filter .bx_filter_parameters_box_container .btn { font-size: 14px; line-height: 17px; } .custom-form-control { font-size: 12px; gap: 0.8em; } .dropdown .value { font-size: 12px; } .dropdown .list .item { font-size: 10px; } .bx_filter .bx_filter_parameters_box_container { margin-bottom: 5px; } .field input { font-size: 12px; } .selected-items .item { font-size: 10px; } .show_result_mobile { display: block; } .bx-touch .bx_filter .bx_filter_popup_result { font-size: 0; padding: 0; box-shadow: none; border: none; } .show_result_mobile { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; text-align: center; padding: 7px 20px; } .bx-touch .bx_filter .bx_filter_popup_result > * { display: none !important; } .bx-touch .bx_filter .bx_filter_popup_result > *.show_result_mobile { display: flex !important; } .show_result_mobile > a { background: linear-gradient(90deg, #EE6D36 0%, #E52D33 100%); box-shadow: 0px 2px 4px rgba(33, 33, 33, 0.25); border-radius: 8px; color: #fff !important; width: 100%; padding: 10px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 15px; } } /* End */ /* Start:/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/themes/blue/colors.css?1571737038459*/ .bx_filter_vertical.bx_blue .bx_filter_section{ background: #c3e9f4; border: 7px solid #e1f5fb; } .bx_filter_vertical.bx_blue .bx_ui_slider_range{ background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/themes/blue/images/range_bg.png); } .bx_filter_vertical.bx_blue .bx_filter_control_section{text-align: center} .bx_filter_vertical.bx_blue .bx_filter_search_button{ height: 33px; line-height:33px; } .bx_filter_vertical.bx_blue span.icon_lupe{ background: url(/local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/themes/blue/images/searchicon.png) no-repeat center; } /* End */ /* Start:/local/templates/showcase_new/components/w247.wssync/ws.catalogs/akb/style.css?15738270792499*/ .catalog-hr { margin: 0; } .catalog-auto-info-inner h4 { margin-top: 0; } .thumbnail_container { position: relative; width: 100%; padding-bottom: 100%; margin-bottom:20px; } .thumbnail { position:absolute; width:100%; height:100%; } .thumbnail img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .thumbnail .caption { position: absolute; bottom: 0; text-align: center; width: 100%; } .thumbnail img { max-height:100%; max-width:100%; } #ws_catalog_brands img { max-height: 80px !important; max-width: 80px !important; } .center-table { margin: 0 auto !important; float: none !important; } #w247_wssync_appliance .form-control { width: 100% !important; } /*#w247_wssync_appliance .btn-success, .btn-danger {*/ /*padding: 6px 12px !important;*/ /*}*/ #w247_wssync_appliance .appliance_apply, #w247_wssync_appliance .appliance_reset { width: 40% !important; } #ws_catalog_sections img { max-height: 150px; max-width: 150px; } /*modeli title, hover full*/ #ws_catalog_section a img { padding: 0 5px; } #ws_catalog_section a .caption.text-center { background: rgba(255,255,255,0.30); left: 0; } #ws_catalog_section a:hover .caption.text-center { background: #000; color: #fff; } #ws_catalog_section .caption.text-center strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 200px; display: inline-block; } #ws_catalog_section a:hover .caption.text-center strong { white-space: normal; } .w247-page-loader { display: none; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9999; } .w247-catalog-loader { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); width: 100%; min-height: 150px; height: 100%; bottom: 0; left: 0; right: 0; top: 0; } .w247-page-loader .w247-loader-inner, .w247-catalog-loader .w247-loader-inner { background-image: url("/local/templates/showcase_new/components/w247.wssync/ws.catalogs/akb/./images/preloader.gif"); background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: transparent; height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; left: 50%; top: 50%; position: absolute; } .tooltip_templates { display: none; } /* End */ /* Start:/local/components/w247.wssync/ws.catalogs/plugins/tooltipster/css/tooltipster.bundle.min.css?15738270796495*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/local/templates/showcase_new/components/bitrix/catalog/catalog/bitrix/catalog.section.list/lm_icon_small/style.css?15717370381205*/ /*div.content div.catalog-section-list img {width: 160px; display: block; margin-bottom: 10px;} div.content div.catalog-section-list li {margin-right: 50px !important; margin-bottom: 50px !important; text-align: center; padding: 10px; border-bottom: 1px dotted silver; width: 160px; display: inline-block;} div.content div.catalog-section-list a {font-weight: normal; font-size: 16px; text-decoration: none} div.content div.catalog-section-list li:hover {border-bottom: 1px solid silver} */ .catalog-section-list .thumbnails li { background: #fff; list-style: none; width: 275px; display: inline-block; vertical-align: top; margin-left: 20px; margin-bottom: 20px} .catalog-section-list .thumbnails {margin: 0; padding: 0;} .catalog-section-list .thumbnails .first { margin-left: 10!important;} .catalog-section-list .thumbnail {margin-bottom: 0} .catalog-section-list .product_img { min-height: 150px; vertical-align: middle;} .catalog-section-list .product_img img {width: auto; max-height: 150px;} .catalog-section-list .thumbnail { text-align: center;} .catalog-section-list .caption {padding: 0 !important; font-size: 15px; font-weight: bold; margin-top: 20px; line-height: 15px; min-height: 30px;} /* End */ /* Start:/local/templates/showcase_new/components/bitrix/system.pagenavigation/round/style.css?16814711076775*/ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 0 8px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 16px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #d9534f; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #000; } /* NEW */ .bx-pagination .bx-pagination-container ul li a { min-width: 40px; height: 40px; border-radius: 0; line-height: 40px; } .bx-pagination .bx-pagination-container ul li span, .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span, .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { height: 40px; min-width: 40px; line-height: 40px; background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(33, 33, 33, 0.25); border-radius: 4px; color: #212121; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 16px; padding: 0 15px; border: none; } .bx-pagination .bx-pagination-container ul li { margin: 2px 5px; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span { font-size: 0 !important; position: relative; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span:before, .bx-pagination .bx-pagination-container ul li.bx-pag-next span:before { content: ''; background-size: 16px; background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -8px; } .bx-pagination .bx-pagination-container ul { display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: center; } .bx-pagination .bx-pagination-container ul li.bx-pag-next span:before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5878 7.50266L6.72104 1.80615C6.4381 1.53141 5.97937 1.53141 5.69645 1.80615L5.01219 2.47056C4.72973 2.74483 4.72918 3.18934 5.01098 3.46425L9.66049 8.00011L5.01098 12.5359C4.72918 12.8109 4.72973 13.2554 5.01219 13.5296L5.69645 14.194C5.9794 14.4688 6.43813 14.4688 6.72104 14.194L12.5878 8.49756C12.8707 8.22282 12.8707 7.7774 12.5878 7.50266Z' fill='%23212121'/%3E%3C/svg%3E%0A") !important; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span:before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5878 7.50266L6.72104 1.80615C6.4381 1.53141 5.97937 1.53141 5.69645 1.80615L5.01219 2.47056C4.72973 2.74483 4.72918 3.18934 5.01098 3.46425L9.66049 8.00011L5.01098 12.5359C4.72918 12.8109 4.72973 13.2554 5.01219 13.5296L5.69645 14.194C5.9794 14.4688 6.43813 14.4688 6.72104 14.194L12.5878 8.49756C12.8707 8.22282 12.8707 7.7774 12.5878 7.50266Z' fill='%23212121'/%3E%3C/svg%3E%0A") !important; transform: rotate(180deg); } .bx-pagination .bx-pagination-container ul li.bx-active span { background: inherit; color: inherit; } .bx-pagination .bx-pagination-container ul li > span { color: #BFBFC6 !important; } .bx-pagination .bx-pagination-container ul li.dots { font-weight: bold; } .bx-pagination .bx-pagination-container ul li > span:before { opacity: 0.; } @media (max-width: 768px) { .bx-pagination .bx-pagination-container ul li span, .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span, .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { font-size: 10px; height: 24px; line-height: 24px; min-width: 18px; padding: 0 4px; } .bx-pagination .bx-pagination-container ul li a { min-width: 18px; height: 24px; line-height: 24px; } .bx-pagination .bx-pagination-container ul li.bx-pag-prev span:before, .bx-pagination .bx-pagination-container ul li.bx-pag-next span:before { width: 8px; height: 8px; background-size: 100%; margin-left: -4px; margin-top: -4px; } } /* End */ /* Start:/local/templates/showcase_new/components/bitrix/catalog/catalog/bitrix/catalog.section/Avtozapchasti/style.css?175308894328933*/ .catalog-section .items .item .btn-buy .buyed-count { display: none; position: absolute; right: -5px; top: -5px; background-color: #d9534f; margin: 0 auto; color: #fff; padding: 3px 5px; border-radius: 8px; font-family: Rubik, sans-serif; font-style: normal; font-weight: 500; font-size: 10px; line-height: 12px; text-align: center; text-transform: uppercase; } .catalog-section .items .item .btn-buy.buyed { background: linear-gradient(270deg, #3198d1 0, #4542e2 100%); color: #fff; } .catalog-section .items .item .btn-buy.buyed * { display: none; } .catalog-section .items .item .btn-buy.buyed .buyed-count { display: block; } .good .lm-auto-search-parts-place .lm-auto-main-art-sought-404 { font-weight: normal; color: #4444; } .good a.search_item.grey, .good a.search_item.grey span { color: #4444; } /* Новая верстка */ .part_detail {} .part_detail .image { overflow: hidden; } .part_detail .image a { border: 1px solid #ddd; display: inline-block; cursor: pointer; padding: 10px; } .part_detail .image a img { width: 100%; } .wrap_table_data, .wrap_table_header { display: block; } .table_header { display: flex; flex-direction: row; justify-content: flex-end; align-items: stretch; color: #2b2a29; background: #efefef; flex-direction: row; } .table_header div { padding: 5px 10px; font-size: 12px; font-weight: bold; flex: 1 0 auto; text-align: center; } .table_header .photo, .table_data .photo { min-width: 100px; max-width: 100px; overflow: hidden; } .table_header .photo, .table_data .photo img { max-width: 100%; max-height: 90px; } .table_header .name, .table_data .name { max-width: 100%; } .table_header .stock_num, .table_data .stock_num { min-width: 75px; max-width: 75px; } .table_header .time, .table_data .time { /*min-width: 95px;*/ /*max-width: 95px;*/ min-width: 150px; max-width: 150px; } .table_header .quantity, .table_data .quantity { min-width: 109px; max-width: 109px; } .table_header .price, .table_data .price { min-width: 125px; max-width: 125px; text-align: left !important; } .table_data .items { max-width: 450px; /*max-width: 393px;*/ display: block; padding: 0 !important; } .table_data .items .item { display: block; padding: 0 !important; } .table_data .good { display: flex; justify-content: space-between; align-items: stretch; color: #2b2a29; flex-direction: row; border-bottom: 2px solid #efefef; } .table_data .good>div, .items .item>div { padding: 5px 10px; font-size: 12px; /* font-weight: bold; */ flex: 1 0 auto; text-align: center; align-self: center; } .table_data .price { text-align: left !important; } .table_data .name { font-weight: normal; text-align: left !important; display: flex; align-self: center; max-width: 315px; } .table_data .name a { cursor: pointer; } .table_data .name a span { border-bottom: 1px dotted #e31e24; color: #e31e24; } .table_data .name a span:hover { border-bottom: 1px dotted #fff; } .items .item { border-top: 2px solid #efefef; } .items .item:first-child { border-top: 2px solid #ffffff; } .items .item .time span { color: green; } .quantity input, .quantity button { display: inline-block; vertical-align: middle; text-align: center; } .quantity button { padding: 2px 5px; background: transparent; border: none; float: left; display: block; } .minus, .plus { margin: 0 1px 0 1px; font: 17px Tahoma; text-align: center; font-weight: bold; color: #00CED1; } .wrap_tabs .nav-tabs { border-bottom: 1px solid #c6c7c0; } .wrap_tabs .nav-tabs li { border-top: 4px solid #2b2a29; margin-right: 3px; } .wrap_tabs .nav-tabs li.active, .wrap_tabs .nav-tabs li:hover { border-top: 4px solid #e31e24; } .wrap_tabs .nav-tabs li a { background: #2b2a29; border: 1px solid transparent; border-radius: 0; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; padding: 10px 15px; } .wrap_tabs .nav-tabs li.active a, .wrap_tabs .nav-tabs li:hover a { background: #fff; color: #2b2a29; border-top: none; border-left: 1px solid #c6c7c0; border-right: 1px solid #c6c7c0; } .wrap_tabs .nav-tabs li.active a, .wrap_tabs .nav-tabs li.active:hover a { border-bottom: 2px solid #fff; } .wrap_tabs .nav-tabs li:hover a { border-bottom: 1px solid #fff; } .ico_cart_red { background: url("/bitrix/templates/showcase_copy/components/w247.wssync/ws.catalog.list/Avtozapchasti/images/low_price_cart.png"); display: inline-block; width: 19px; height: 18px; vertical-align: bottom; float: right; } /* .price .ico_cart_red { background: #e31e24; width: auto; height: auto; padding: 3px 15px; text-transform: none; font-weight: 400; } */ .price .ico_cart_red:hover { text-decoration: none; } /* @media only screen and (max-width: 568px) { */ @media screen and (max-width: 1200px) { .table_data .name { max-width: 200px; } } @media only screen and (max-width: 1024px) { .table_data .good { /*flex-direction: column;*/ } .table_header .photo, .table_data .photo { max-width: 100px; } .table_header .photo, .table_data .photo img { height: 90px; } .table_header .name, .table_data .name { width: 100%; max-width: 200px; } .table_header { overflow: hidden; } .table_header .photo, .table_header .name { /*display: none;*/ height: 1px; } .table_data .name a { display: inline-block; margin: 0 auto; text-align: center; } .table_header .stock_num, .table_data .stock_num { min-width: 45px; /*max-width: 45px;*/ overflow: hidden; } } @media only screen and (max-width: 768px) { /*.table_data .good {*/ /*flex-direction: column;*/ /*}*/ .table_data .good .photo { /*flex-direction: column;*/ /* display:none; */ } .table_header .photo, .table_data .photo img { max-height: 150px; } .table_data .items { width: 100%; max-width: unset; } .table_data .items .item { flex-direction: row; } .table_data .good>div, .items .item>div { width: unset; padding: 5px; display: block; } .table_header .stock_num, .table_data .stock_num { min-width: 35px; max-width: unset; } .table_header .time, .table_data .time { min-width: 80px; max-width: unset; } .table_header .quantity, .table_data .quantity { min-width: 90px; max-width: unset; } .table_header .price, .table_data .price { min-width: 85px; max-width: unset; } } @media only screen and (max-width: 650px) { .table_data .good { flex-direction: column; } .table_data .good>div, .items .item>div { /*width: unset;*/ } .table_data .good>div, .items .item>div { /*width: 100%;*/ } .table_data .items .item { width: 100%; } .table_header .photo, .table_data .photo img { height: unset; } .table_header .photo, .table_header .name { display: none; height: 1px; } .table_data .good>div { width: 100%; } } @media only screen and (max-width: 350px) { .table_header .stock_num, .table_data .stock_num { max-width: 35px; } } /* NEW 2023 */ .table_data { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; margin-top: -40px; } .table_data .good { flex: 0 0 auto; width: 100%; max-width: calc(25% - 10px); flex-direction: column; align-items: flex-start; justify-content: flex-start; border: 1px solid transparent; margin-left: 5px; margin-right: 5px; margin-top: 40px; background-color: #fff; border-radius: 8px; transition: transform ease 0.25s; } .table_data .items .item { flex-direction: column; } .stock_num { display: none !important; } .table_data .items .lm-auto-search-parts-place { position: static !important; } .table_data .photo.photo { max-width: none; width: 100%; padding: 5px 10px; position: relative; box-sizing: border-box; line-height: 1; flex: none; } .table_data .photo a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .table_data .photo a img { width: 100%; height: 100%; object-fit: contain; max-width: none; max-height: none; } .table_data .photo:before { content: ''; padding-top: 100%; width: 100%; display: block; } .table_data *, .table_data *:before, .table_data *:after { box-sizing: border-box; } .table_data .good>div.u-relative { position: relative; padding: 0 10px 10px; text-align: left; width: 100%; } .table_data .good>div.u-relative .search_item { /* padding-top: 30px; */ display: block; /* margin-bottom: 40px; */ } .brand-article span { color: rgb(33, 33, 33); } .brand-article { font-family: 'Montserrat'; font-style: normal; font-size: 12px; font-weight: 500; line-height: 150%; color:rgb(155, 155, 155); } .table_data .name { font-family: 'Montserrat'; color: rgb(33, 33, 33); font-size: 14px; font-weight: 500; line-height: 120%; font-style: normal; margin-top: 2px; display: block; max-width: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .items .item>div.time { position: static; top: 0; right: 10px; padding: 0; max-width: none; min-width: 0; color: #9b9b9b !important; font-family: 'Montserrat'; font-style: normal; font-weight: 500 !important; font-size: 12px; line-height: 150%; text-align:left; } .items .item>div.price { position: relative; padding:0; top: -3px; max-width: none; min-width: 0; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 30px; color: #212121; float:left; } .avalibles-shop.list .avalibles-shop__link, .avalibles-shop.list .avalibles-shop__link span { color: #2D8B0C !important; font-family: 'Montserrat'; font-style: normal; font-weight: 600 !important; font-size: 12px; line-height: 150%; text-decoration:none; border:none!important; display:block; text-align:left; } .avalibles-shop.avalibles-shop { margin: 0; position: relative !important; } .items .item>div.quantity { position: relative; top: -5px; padding: 0; display: flex; align-items: center; float:right; } a.gtm-catalog-basket.ico_cart_red { /* position: absolute; right: 10px; bottom: 10px;*/ position: relative; margin-top:5px; background: linear-gradient(90deg, #EE6D36 0%, #E73E34 99.99%, #E52D33 100%); border-radius: 4px; width: 100%; height: 33px; clear:both; text-align:center; font-family: 'Montserrat'; font-size: 12.84px; font-weight: 600; line-height: 33px; text-transform: uppercase; color: rgb(255, 255, 255); display: flex; justify-content: center; } a.gtm-catalog-basket.ico_cart_red:before { content: ''; display:inline-block; position: relative; top:4px; margin-right:6px; background-image: url("data:image/svg+xml,%3Csvg width='29' height='24' viewBox='0 0 29 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.4122 14.8745L28.8917 3.92395C28.9802 3.65019 28.7146 3.37643 28.4489 3.37643H7.63906L7.10774 0.365019C7.01919 0.18251 6.84208 0 6.66498 0H1.35182C1.08616 0 0.909058 0.182509 0.909058 0.456274V1.18631C0.909058 1.46008 1.08616 1.64259 1.35182 1.64259H5.6909L9.233 18.981C8.70169 19.5285 8.43603 20.2586 8.43603 21.0798C8.43603 22.7224 9.67577 24 11.2697 24C12.8637 24 14.1034 22.7224 14.1034 21.0798C14.1034 20.6236 14.0148 20.076 13.7492 19.711H21.2762C21.0991 20.1673 20.922 20.6236 20.922 21.0798C20.922 22.7224 22.1617 24 23.7556 24C25.3496 24 26.5893 22.7224 26.5893 21.0798C26.5893 20.3498 26.3237 19.6198 25.7923 19.0722V18.5247C25.7923 18.2509 25.6152 18.0684 25.3496 18.0684H10.6498L10.1185 15.2395H26.058C26.2351 15.2395 26.4122 15.057 26.4122 14.8745ZM11.1812 22.3574C10.4727 22.3574 9.94143 21.8099 9.94143 21.0798C9.94143 20.3498 10.4727 19.8023 11.1812 19.8023C11.8896 19.8023 12.4209 20.3498 12.4209 21.0798C12.4209 21.8099 11.8896 22.3574 11.1812 22.3574ZM23.7556 22.3574C23.0472 22.3574 22.5159 21.8099 22.5159 21.0798C22.5159 20.3498 23.0472 19.8023 23.7556 19.8023C24.4641 19.8023 24.9954 20.3498 24.9954 21.0798C24.9954 21.8099 24.4641 22.3574 23.7556 22.3574ZM9.76432 13.597L7.99327 5.01901H27.0321L25.0839 13.597H9.76432Z' fill='white'/%3E%3C/svg%3E%0A"); width: 28px; height: 24px; } .buyed-in-cart{ position:relative; } .quantity button.minus, .quantity button.plus { background: #FFFFFF; /* style 2 / btn shadow */ box-shadow: 0px 2.3px 2.3px 0px rgba(0, 0, 0, 0.15); border-radius: 2.87px; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 20px; line-height: 24px; display: flex; align-items: center; /* UI / black */ color: #212121; width: 33px; height: 33px; justify-content: center; padding: 0; margin: 0; } .quantity input { background: #FFFFFF; /* UI / Grey */ border: 1px solid rgb(191, 191, 198); border-radius: 2.87px; font-family: 'Montserrat'; font-style: normal; font-size: 20px; font-weight: 600; /* identical to box height */ display: flex; align-items: center; text-align: center; /* UI / black */ color: #212121; margin-left: 5px; margin-right: 5px; flex-shrink: 0; width: 33px; height: 33px; } .tab_wrap_loader { position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%); width: 32px; height: 32px; } .tab_wrap_loader img { width: 100%; height: 100%; } @media (min-width: 768px) { .table_data .good:hover { transform: scale(1.1); border: 1px solid #E0E0E0; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); z-index: 1; } } .avalibles-shop.list .avalibles-shop__link:hover { border-color: transparent; text-decoration: none; } .avalibles-shop.list .avalibles-shop__link { text-decoration: none; border-bottom: 1px solid; } .filter_sidebar.panel-default>.panel-heading { background: #F2F3F8; box-shadow: 0px 2px 4px rgba(33, 33, 33, 0.25); border-radius: 8px; display: flex !important; align-items: center; height: 54px; padding-left: 84px; } .filter_sidebar.panel-default>.panel-heading b { font-family: 'Rubik'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #212121; } .filter_sidebar .filter-toggle_icon { top: 50%; transform: rotate(180deg) translateY(50%); background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49746 3.41214L14.194 9.27889C14.4687 9.56184 14.4687 10.0206 14.194 10.3035L13.5296 10.9877C13.2553 11.2702 12.8108 11.2708 12.5359 10.989L8.00001 6.33945L3.46418 10.989C3.18927 11.2708 2.74475 11.2702 2.47049 10.9877L1.80608 10.3035C1.53134 10.0205 1.53134 9.56181 1.80608 9.27889L7.50256 3.41214C7.7773 3.12922 8.22272 3.12922 8.49746 3.41214Z' fill='%23212121'/%3E%3C/svg%3E%0A"); width: 16px; height: 16px; right: 14px; } .filter_sidebar .filter-toggle_icon img { display: none; } .filter_sidebar .panel-heading.show .filter-toggle_icon { transform: rotate(0) translateY(-50%); } .filter_sidebar.panel-default>.panel-heading:before { content: ''; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg width='26' height='23' viewBox='0 0 26 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='4' x2='7' y2='4' stroke='black' stroke-width='2'/%3E%3Cline x1='11' y1='4' x2='26' y2='4' stroke='black' stroke-width='2'/%3E%3Ccircle cx='9' cy='4' r='3' stroke='black' stroke-width='2'/%3E%3Cline x1='19' y1='13' x2='26' y2='13' stroke='black' stroke-width='2'/%3E%3Cline y1='13' x2='15' y2='13' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17' cy='13' r='3' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A"); width: 26px; height: 20px; margin-top: 2px; } .avalibles-shop__popup .title { text-align: left; } .avalibles-shop.list .tooltip-inner { padding: 20px; } .avalibles-shop .avalibles-shop__popup .tooltip table { margin: 0; min-width: 400px; max-width: 100vw; } .avalibles-shop__popup .title { display: block; margin-bottom: 16px; font-family: 'Rubik'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 28px; color: #212121; margin-top: 0; } .avalibles-shop .avalibles-shop__popup .tooltip table td, .avalibles-shop .avalibles-shop__popup .tooltip table th { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; /* identical to box height, or 122% */ /* UI / black */ color: #212121; border-bottom-color: #F2F3F8; padding: 20px 20px 20px 0 !important; } div.avalibles-shop .avalibles-shop__popup .tooltip table th { font-weight: 500; font-size: 16px; } .table_data .good:hover { z-index: 9999; } body .avalibles-shop.list .avalibles-shop__popup { left: 50%; margin: 0 !important; transform: translateX(-50%); z-index: 999; } .panel-body__close, .panel-body__title { display: none; } @media (max-width: 1200px) { .table_data .good { max-width: calc(33.333% - 10px); } } @media (max-width: 768px) { .table_data .good { max-width: calc(50% - 10px); } .table_data .good { border: 1px solid #D3D0D0; border-radius: 4px; margin-top: 10px; } .avalibles-shop.list .avalibles-shop__link, .avalibles-shop.list .avalibles-shop__link span { font-size: 12px; line-height: 1.2; } .items .item>div.time { font-size: 12px; } .table_data .good>div.u-relative .search_item { /* padding-top: 20px; */ } .brand-article { font-size: 10px; line-height: 1.2; } .table_data .name { font-size: 10px; line-height: 10px; } .table_data { margin-top: -10px; } .filter_sidebar.panel-default>.panel-heading { background: transparent; box-shadow: none; border-radius: 0; padding: 0; height: auto; border: navajowhite; position: absolute; right: 0; top: 25px; } .filter_sidebar.panel-default>.panel-heading b { display: none; } .filter_sidebar .filter-toggle_icon { display: none; } .filter_sidebar.panel-default>.panel-heading:before { position: relative; display: block; height: 20px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='26' height='17' viewBox='0 0 26 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='4' x2='7' y2='4' stroke='black' stroke-width='2'/%3E%3Cline x1='11' y1='4' x2='26' y2='4' stroke='black' stroke-width='2'/%3E%3Ccircle cx='9' cy='4' r='3' stroke='black' stroke-width='2'/%3E%3Cline x1='19' y1='13' x2='26' y2='13' stroke='black' stroke-width='2'/%3E%3Cline y1='13' x2='15' y2='13' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17' cy='13' r='3' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A"); } .panel.panel-default.filter_sidebar { box-shadow: none; } .sorttext { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; } .side_bar.leftmenu_show { position: relative; z-index: 999; } .filter_sidebar .panel-heading+.panel-body { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; overflow: hidden; overflow-y: auto; } .panel-body__close, .panel-body__title { display: block; } } .fancybox-opened { z-index: 10000 !important; } .fancybox-overlay-fixed { z-index: 9999 !important; } @media (max-width: 768px) { .table_data .photo.photo { padding: 7px 9px; } .table_data .photo a { left: 7px; top: 9px; width: calc(100% - 14px); height: calc(100% - 18px); } .sort { display: flex; align-items: center; justify-content: center; } .sorttext { margin-right: 0 !important; } .sort-main-title:hover .sort-links { left: 50%; transform: translateX(-50%); } } /* UPD 10.04 */ @media (max-width: 768px) { .items .item>div.time { line-height: 1.2; top: 2px; } .brand-article { font-weight: 500; font-size: 12px; } .table_data .name { font-size: 12px; line-height: 1.17; } .quantity button.minus, .quantity button.plus { width: 28px; height: 28px; } .quantity input { width: 28px; height: 28px !important; border-radius: 4px; margin-left: 4px; margin-right: 4px; line-height: 28px; } .table_data .good>div.u-relative { padding-left: 8px; padding-right: 8px; } .bx-pagination .bx-pagination-container ul li a { min-width: 24px !important; } body .avalibles-shop.list .avalibles-shop__popup { left: 0; transform: none; width: 100vw; height: 100vh; position: fixed; top: 0; bottom: auto; background-color: rgba(0,0,0,0.3); } body .avalibles-shop .avalibles-shop__popup .tooltip { position: absolute; left: 50%; transform: translate(-50%, -50%); max-width: 100vw; top: 50%; bottom: auto; } body div.avalibles-shop .avalibles-shop__popup .tooltip table { max-width: 100vw; min-width: 0; margin: 0; } body .avalibles-shop.list .tooltip-inner { min-width: 300px; border-radius: 11px; } body .avalibles-shop.list .tooltip.top .tooltip-arrow { display: none; } body div.avalibles-shop__popup .title { margin-top: 0; font-size: 16px; } body div.avalibles-shop div.avalibles-shop__popup .tooltip table th { font-size: 14px !important; } body .avalibles-shop .avalibles-shop__popup .tooltip table tr th:last-child:after { font-size: 14px; } body div.avalibles-shop div.avalibles-shop__popup .tooltip table tr td { font-size: 14px; } body .avalibles-shop .avalibles-shop__popup .tooltip table tr td, body .avalibles-shop .avalibles-shop__popup .tooltip table tr th { padding-top: 4px !important; padding-bottom: 4px !important; } body .avalibles-shop.list .tooltip.top .tooltip-arrow { display: block; position: absolute; right: 4px; top: 10px; width: 24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.58297 8.16868L14.6196 13.2053C14.8279 13.4136 14.8411 13.7422 14.6493 13.9446L13.9447 14.6493C13.7476 14.8464 13.4137 14.8278 13.2054 14.6195L8.16876 9.58289L3.13213 14.6195C2.91851 14.8331 2.58501 14.8414 2.39283 14.6493L1.68819 13.9446C1.49601 13.7524 1.5043 13.4189 1.71792 13.2053L6.75455 8.16868L1.71791 3.13205C1.50429 2.91842 1.496 2.58492 1.68818 2.39274L2.39282 1.6881C2.58992 1.491 2.9185 1.50421 3.13213 1.71783L8.16876 6.75447L13.2054 1.71782C13.4137 1.50954 13.7472 1.50126 13.9447 1.68809L14.6493 2.39273C14.8465 2.58984 14.8279 2.92376 14.6196 3.13204L9.58297 8.16868Z' fill='%23BFBFC6'/%3E%3C/svg%3E%0A"); background-size: 80%; background-repeat: no-repeat; background-position: center; left: auto !important; transform: none; bottom: auto; } div.avalibles-shop div.avalibles-shop__popup .tooltip table tr th:last-child { height: 32px; } .items .item>div.price { font-size: 14px; } } @media (max-width: 440px) { .items .item>div.quantity{ top:0; } .table_data { margin-left: -1px; margin-right: -1px; margin-top: -2px; } .table_data .good { max-width: calc(50% - 2px); margin-left: 1px; margin-right: 1px; margin-top: 2px; } .items .item>div.price { font-size: 14px; } .items .item>div.time { font-size: 11px; top: 1px; } .avalibles-shop.list .avalibles-shop__link, .avalibles-shop.list .avalibles-shop__link span { font-size: 11px; } .table_data .name { margin-top: 0; } .quantity button.minus, .quantity button.plus { width: 24px; height: 24px; } .quantity input { width: 24px; height: 24px !important; line-height: 24px; font-size: 11px; } } .list-item-reviews{ } .table_data .good>div.list-item-reviews{ display:block; width:100%; padding-bottom:0; height:21px; } .fos-reviews__rating__stars { float:right; width: 85px; height:16px; background-image: url('data:image/svg+xml,'); background-size: 17px 100%; background-repeat: repeat-x; } .fos-reviews__rating__stars__in { padding-top:16px; background-image: url('data:image/svg+xml,'); background-repeat: repeat-x; background-size: 17px 100%; } .list-item-props{ margin:11px 0 12px 0; } .list-item-props-line{ font-size: 12px; font-weight: 500; line-height: 150%; border-bottom: 1px solid rgb(228, 228, 228); } .list-item-props-name{ float:left; color: rgb(155, 155, 155); max-width:65%; white-space: nowrap; /* Запрещаем перенос строк */ overflow: hidden; /* Скрываем текст, выходящий за границы */ text-overflow: ellipsis; /* Добавляем троеточие */ } .list-item-props-value{ float:right; color: rgb(33, 33, 33); max-width:35%; } /* End */ /* Start:/bitrix/components/linemedia.auto/search.results/css/debug.css?15017053625728*/ .lm-dbg { margin: 10px 0!important; border: none!important; border-bottom: 1px solid silver!important; padding: 0!important;} .lm-dbg span { color: silver;} .lm-dbg-title { display: inline-block; padding: 8px 10px; color: black!important; font-size: 11px; margin-right: 10px; width: 50%; /*font-weight: bold;*/ background: #eeeeee; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } .lm-dbg.important-error .lm-dbg-title { background: #ffd65e; /* Old browsers */ background: -moz-linear-gradient(top, #ffd65e 0%, #febf04 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffd65e 0%,#febf04 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffd65e 0%,#febf04 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */ } .lm-dbg.critical-error .lm-dbg-title { background: #febbbb; /* Old browsers */ background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */ background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */ } .lm-dbg.user-error .lm-dbg-title { background: #fefcea; /* Old browsers */ background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */ } .lm-dbg .lm-dbg-title.simpleanalogsresult { background: #d2ff52; /* Old browsers */ background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2ff52), color-stop(100%,#91e842)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* IE10+ */ background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */ } .lm-dbg-time { font-style: italic; color: silver; font-size: 9px!important;} .lm-dbg-plus { color: black!important; text-decoration: none; display: inline-block; padding: 2px 10px; margin-bottom: 0; font-size: 12px; font-weight: bold; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); float: right; } .lm-dbg-spoiler { border: 1px solid silver; font-family: monospace; border-radius: 0!important; } /* End */ /* Start:/bitrix/components/linemedia.auto/search.results/templates/.default/style.css?150170536213333*/ .lm-auto-search-result-catalogs { border-collapse: collapse; width: 100%;} .lm-auto-search-result-catalogs td, .lm-auto-search-result-catalogs th{ border: 1px solid silver;font: 0.85em Tahoma, Arial, Helvetica, sans-serif;} .lm-auto-search-result-catalogs td { padding: 3px 5px;} .lm-auto-search-result-catalogs tr:hover { cursor: pointer; background: #DEDEDE;} .lm-auto-search-result-catalogs-go a{ font-size: 1em; font-weight: bold;} .lm-auto-search-result-catalogs th {white-space:nowrap; font-weight: bold; background: #F2F2F2; padding: 6px 3px;} .lm-auto-search-parts-place{position:relative;} .lm-auto-search-parts-place .lm-auto-search-result-catalogs td, .lm-auto-search-result-catalogs th { padding: 8px 5px !important; cursor: default !important;} .lm-auto-search-parts-place .lm-auto-search-result-catalogs-go a{ font-size: 1em; font-weight: bold;} .lm-auto-search-parts-place .lm-auto-search-result-catalogs tbody tr:hover > td{ background: #F5f5f5 !important; cursor: default !important;} .lm-auto-search-parts-place .lm-auto-search-result-parts .sku {white-space:nowrap} .lm-auto-search-parts-place .lm-auto-search-parts-title {width: 415px; word-wrap: break-word;} .lm-auto-search-parts-place .lm-auto-search-parts-article { width: 80px; word-wrap: break-word;} .lm-auto-search-parts-place td.sku { width: 80px; word-wrap: break-word;} .lm-auto-search-parts-place .lm-auto-search-parts-brand { width: 111px; word-break: break-all;} .lm-auto-search-parts-place .lm-auto-search-parts-info { width: 13px;} .lm-auto-search-parts-place .lm-auto-search-parts-quantity { width: 25px;} .lm-auto-search-parts-place .lm-auto-search-parts-weight {width: 40px;} .lm-auto-search-parts-place .lm-auto-search-parts-supplier {/*width: 70px;*/} .lm-auto-search-parts-place .lm-auto-search-parts-modified { width: 20px;} .lm-auto-search-parts-place .lm-auto-search-parts-price { width: 50px;} .lm-auto-search-parts-place .lm-auto-search-parts-count { width: 15px;} .lm-auto-search-parts-place .lm-auto-search-parts-basket { width: 68px;} .lm-auto-search-parts-place .lm-auto-search-parts-return { width: 40px;} .lm-auto-search-parts-place .lm-auto-search-parts-notepad { width: 20px;} .lm-auto-search-parts-place .lm-auto-search-parts-delivery-time { width: 30px;} .lm-auto-search-parts-place .lm-auto-search-parts-custom-field {width: 40px;} .lm-auto-search-parts-place .lm-auto-search-parts .price { font-weight: bold; white-space: nowrap} .lm-auto-search-parts-place .lm-auto-search-parts .delivery_time { font-weight: bold; white-space: nowrap} .lm-auto-search-parts-place .lm-auto-search-parts input, .lm-auto-search-parts-place .lm-auto-search-parts textarea, .lm-auto-search-parts-place .lm-auto-search-parts select, .lm-auto-search-parts-place .lm-auto-search-parts .uneditable-input { margin: 0px; padding: 2px; width: 20px; } .lm-auto-search-parts-place .lm-auto-search-catalogs-brand { width: 200px;} .lm-auto-search-parts-place .lm-auto-search-catalogs-go { width: 200px;} .lm-auto-search-parts-place #lm-auto-search-ajax-loader-img{width:64px;height:64px; margin:auto; background-image:url(/bitrix/components/linemedia.auto/search.results/templates/.default/images/preload.gif)} .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block { margin: 10px 0; vertical-align: middle;display: inline-block;font-size: 0;margin-top: 5px; white-space: nowrap;margin-bottom: 0 !important;} .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block input[type='text'] { height: 20px !important; padding: 4px 6px !important; font-size: 14px; line-height: 20px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; } .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block input { margin: 0px; display: inline-block;position: relative; margin-bottom: 0; vertical-align: top; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;} .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block .lm-auto-submit{ display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; border: 1px solid #cccccc; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); margin-right:1px; } .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block .lm-auto-submit:hover{ color: #ffffff; background-color: #f89406; *background-color: #df8505; } .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block input[type=radio] { margin: 0 0 7px; } .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block input[type=checkbox] { margin: 3px 0 0; } .lm-auto-search-parts-place .lm-auto-main-search-form .lm-auto-partial-search-block label.lm-auto-partial-search { font-weight: normal; font-size:13px; margin-top:2px;color: #000000; display: inline; cursor: pointer;text-shadow:none; } .lm-auto-search-parts-place th.lm-auto-search-parts-debug {min-width: 300px} .lm-auto-search-parts-place .lm-auto-main-art-sought-404 { margin:5px; font-weight: bold} .lm-auto-search-parts-place .icon-info { background: url('/bitrix/components/linemedia.auto/search.results/templates/.default/images/info.png'); display: inline-block; height: 16px; width: 16px; } .lm-auto-search-parts-place span.extra-brands {font-size:smaller; color: gray} .lm-auto-search-parts-place .add-to-notepad { cursor: pointer; width: 25px; height: 25px; } .lm-auto-search-parts-place .notepad { text-align: center; } .lm-auto-search-parts-place table.lm-auto-search-parts thead tr .header { background-image: url(/bitrix/components/linemedia.auto/search.results/templates/.default/images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; text-align:left; padding-right:20px; box-shadow: none; } .lm-auto-search-parts-place table.lm-auto-search-parts thead tr .headerSortUp { background-image: url(/bitrix/components/linemedia.auto/search.results/templates/.default/images/asc.gif); } .lm-auto-search-parts-place table.lm-auto-search-parts thead tr .headerSortDown { background-image: url(/bitrix/components/linemedia.auto/search.results/templates/.default/images/desc.gif); } .lm-auto-search-parts-place .silver-table{ border-collapse: separate; border-spacing: 0; width: 100%; border-radius:5px; border-right:1px solid #DCDFE2; border-top:1px solid #DCDFE2; margin:20px 0;font-size:11px; } .lm-auto-search-parts-place .silver-table thead tr th, .silver-table tbody tr td, .silver-table tfoot tr td{ border-left:1px solid #DCDFE2; border-bottom:1px solid #DCDFE2;padding:2px;line-height: 15px; } .lm-auto-search-parts-place .silver-table tbody tr{ background-color:#F7F8F9; } .lm-auto-search-parts-place .silver-table thead tr th{ background-color: #ECEDEE !important; } .lm-auto-search-parts-place .silver-table thead tr th{ text-align:left; color: #7B7B7B; } .lm-auto-search-parts-place .silver-table thead tr th:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .lm-auto-search-parts-place .silver-table thead tr th:last-child { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .lm-auto-search-parts-place .silver-table tbody tr:last-child td:first-child { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .lm-auto-search-parts-place .silver-table tbody tr:last-child td:last-child { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; } .lm-auto-search-parts-place .silver-table .hproduct:hover td { background: #efefef; } .lm-auto-search-parts-place .hproduct .fn { word-break: break-all;} .lm-auto-search-parts-place .hproduct .brand span{ } .lm-auto-search-parts-place .btn { display: inline-block; *display: inline; padding: 4px 12px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .lm-auto-search-parts-place .btn:hover, .lm-auto-search-parts-place .btn:focus, .lm-auto-search-parts-place .btn:active, .lm-auto-search-parts-place .btn.active, .lm-auto-search-parts-place .btn.disabled, .lm-auto-search-parts-place .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .lm-auto-search-parts-place .btn:active, .lm-auto-search-parts-place .btn.active { background-color: #cccccc \9; } .lm-auto-search-parts-place .btn:first-child { *margin-left: 0; } .lm-auto-search-parts-place .btn:hover, .lm-auto-search-parts-place .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .lm-auto-search-parts-place .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .lm-auto-search-parts-place .btn.active, .lm-auto-search-parts-place .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .lm-auto-search-parts-place .btn.disabled, .lm-auto-search-parts-place .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lm-auto-search-parts-place .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .lm-auto-search-parts-place .basket .btn { white-space: nowrap;} .lm-auto-search-parts-place .basket img { margin-bottom: -3px;} .lm-auto-search-parts-place .hproduct .add-to-notepad { overflow: hidden; width: 16px; height: 16px; cursor: pointer; background: url('/bitrix/components/linemedia.auto/search.results/templates/.default/images/fav_inactive.png');} .lm-auto-search-parts-place .hproduct:hover .add-to-notepad { background: url('/bitrix/components/linemedia.auto/search.results/templates/.default/images/fav_active_mid.png');} .node-info .inline-block {display: inline-block} .node-info {margin: 5px; padding: 0px 5px 9px 9px; border: 1px solid silver} .node-info img {max-width: 200px;} .lm-auto-search-parts-place .hproduct:hover .add-to-notepad:hover { background: url('/bitrix/components/linemedia.auto/search.results/templates/.default/images/fav_active.png');} div.search-limit input { margin-top: 4px !important;margin-right:4px !important; } .search-limit label {color: #000000;text-shadow:none; margin-right:20px; display: inline-block} .lm_search_block{ padding: 10px; margin-bottom: 20px; } /* End */ /* /local/templates/showcase_new/components/w247.wssync/sections/left_tree/style.css?15837041641378 */ /* /local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/style.css?168147110755648 */ /* /local/templates/showcase_new/components/bitrix/catalog.smart.filter/vertical_custom_landing/themes/blue/colors.css?1571737038459 */ /* /local/templates/showcase_new/components/w247.wssync/ws.catalogs/akb/style.css?15738270792499 */ /* /local/components/w247.wssync/ws.catalogs/plugins/tooltipster/css/tooltipster.bundle.min.css?15738270796495 */ /* /local/templates/showcase_new/components/bitrix/catalog/catalog/bitrix/catalog.section.list/lm_icon_small/style.css?15717370381205 */ /* /local/templates/showcase_new/components/bitrix/system.pagenavigation/round/style.css?16814711076775 */ /* /local/templates/showcase_new/components/bitrix/catalog/catalog/bitrix/catalog.section/Avtozapchasti/style.css?175308894328933 */ /* /bitrix/components/linemedia.auto/search.results/css/debug.css?15017053625728 */ /* /bitrix/components/linemedia.auto/search.results/templates/.default/style.css?150170536213333 */