/* Start:/bitrix/components/cyber/electro/templates/.default/style.css?16819317965586*/
.electro-description {margin-bottom:25px;}
.panel-group.electro {margin-bottom:30px;}
.panel-group.electro .gala-panel + .gala-panel {margin-top:15px;}
.panel-group.electro .panel.gala-panel .panel-title a {font: normal 20px/22px 'Roboto Condensed', sans-serif}
.electro-list {display:block; position:relative; font-size:0; line-height:0; text-align:left; padding:0; margin:0;}
.electro-list-item {display:inline-block; vertical-align:top; padding-left:0; list-style:none; width:48.3%; width:calc(50% - 10px); margin-top:15px;}
.electro-list-item:nth-of-type(1), .electro-list-item:nth-of-type(2) {margin-top:0;}
.electro-list-item:nth-of-type(2n-1) {margin-right:3.4%; margin-right:20px;}
.electro-list-item a {display:block; position:relative; width:100%; height:100%; left:0; right:0; top:0; bottom:0; height:200px; padding-left:170px; padding-top:10px; padding-bottom:10px; line-height:180px; text-align:left; border:2px solid #EBF6FD; outline:1px solid transparent; transition:all 0.3s ease-out;}

.electro-list-item .list-img {display:block; position:absolute; top:10px; left:10px; width:150px; height:177px; background:center center no-repeat; background-size:contain;}
.electro-list-item .list-text {display:inline-block; position:relative; vertical-align:middle;padding-right:10px; max-height:180px; overflow:hidden; color:#333;}
.electro-list-item .list-head {display:block; padding:0; margin:0 0 20px 0; color:#49588C; font: bold 18px/21px 'Arimo', sans-serif; overflow:hidden; max-height:84px;}
.electro-list-item .list-desc {display:block; padding:0; margin:0; font: normal 15px/17px 'Roboto Condensed', sans-serif; overflow:hidden; max-height:114px;}
.electro-list-item:hover a, .electro-list-item.searched a{border:2px solid #BBDEFB; outline:3px solid #BBDEFB;}

.electro-filter {display:block; position:relative; margin:30px 0; padding:0;}
.electro-filter-container {display:block; position:relative; background:#fff; margin:0; padding-left:60px; background:#BBDEFB 15px center no-repeat url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijk3MS45ODZweCIgaGVpZ2h0PSI5NzEuOTg2cHgiIHZpZXdCb3g9IjAgMCA5NzEuOTg2IDk3MS45ODYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3MS45ODYgOTcxLjk4NjsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZmlsbD0iIzQ5NTg4QyIgZD0iTTM3MC4yMTYsNDU5LjNjMTAuMiwxMS4xLDE1LjgsMjUuNiwxNS44LDQwLjZ2NDQyYzAsMjYuNjAxLDMyLjEsNDAuMTAxLDUxLjEsMjEuNGwxMjMuMy0xNDEuMw0KCQljMTYuNS0xOS44LDI1LjYtMjkuNjAxLDI1LjYtNDkuMlY1MDBjMC0xNSw1LjctMjkuNSwxNS44LTQwLjYwMUw5NTUuNjE1LDc1LjVjMjYuNS0yOC44LDYuMTAxLTc1LjUtMzMuMS03NS41aC04NzMNCgkJYy0zOS4yLDAtNTkuNyw0Ni42LTMzLjEsNzUuNUwzNzAuMjE2LDQ1OS4zeiIvPg0KPC9nPg0KPC9zdmc+'); background-size:30px;}
.electro-filter a {display:block; font: normal 18px/18px 'Roboto Condensed', sans-serif; color:#333 !important; width:100%; position:relative; background:#BBDEFB; margin:0; padding:18px 40px 18px 20px;}
.electro-filter a .caret {position:absolute; display:block; opacity:0.3; right:15px; top:0; bottom:0; margin:auto; color:#333; transition:all 0.3s linear;}
.electro-filter a.collapsed .caret {opacity:1;}
.electro-filter .panel-body {padding:20px 20px 15px 20px; background:#fff; border:2px solid #BBDEFB;}
.electro-filter label {display:inline-block; position:relative; cursor:pointer; white-space:nowrap; font-weight:normal; font-size:16px; line-height:16px; padding:8px 15px 8px 45px; background:#BBDEFB; border-radius:6px; margin:0 3px 5px 0;}
.electro-filter label input {display:none;}
.electro-filter label input ~ span:before {content:""; display:block; position:absolute; width:15px; height:15px; border-radius:100%; border:4px solid #EBF5FE; background:#EBF5FE; top:0; bottom:0; left:15px; margin:auto; transition:0.3s ease-in;}
.electro-filter label input:checked ~ span:before {background:#E18D4C;}
.electro-bnt-wrapper {display:block; line-height:0; font-size:0;}
.electro-filter .btn-filter, .electro-filter .btn-clear {display:inline-block; vertical-align:top; height:1px; opacity:0; padding:0; overflow:hidden; background:#fff; position:relative; width:50%; font-weight:bold; line-height:16px; font-size:16px; border:none; outline:0; box-shadow:none; text-align:center; margin:0; text-transform:uppercase; transition:all 0.3s ease-in;}
.electro-filter .btn-filter.ready {height:auto; opacity:1; padding:20px 15px; color:#fff; background:#e18d4c;}
.electro-filter .btn-filter.ready:hover {background:#c47b42;}
.electro-filter .btn-clear.ready {height:auto; opacity:1; padding:20px 15px; color:#7B7B7B; background:#BBDEFB;}
.electro-filter .btn-clear.ready:hover {background:#7B7B7B;color:#fff;}

@media(max-width:768px) {
.electro-list-item, .electro-list-item:nth-of-type(2n-1) {width:100%; margin-right:0;}
.electro-list-item:nth-of-type(2) {margin-top:15px;}
.electro-filter-container {padding-left:0; background:transparent;}
}
@media(max-width:500px) {
.electro-list-item a {height:auto; padding:0; line-height:0; border:2px solid #EBF6FD;}
.electro-list-item .list-img {position:relative; width:180px; left:0; right:0; top:0; bottom:0; margin:15px auto 10px auto;}
.electro-list-item .list-text {display:block; padding:15px; max-height:180px; text-align:center;}
.electro-list-item:hover a{border:2px solid #BBDEFB; outline:2px solid #BBDEFB;}
}
/* End */
/* /bitrix/components/cyber/electro/templates/.default/style.css?16819317965586 */