

/* Start:/local/templates/.default/components/ma/catalog/fotodom/css/search.css?162125000414154*/
/**
 * @since 2020-08-26
 */

/* list */
.b-collection-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -5px;
	margin: 0 0 -10px -10px;
}
	.b-collection-list {
		margin-top: 73px;
	}
	.b-page-navigation-top + .b-collection-list {
		margin-top: 0;
	}
	.b-collection-list_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-preferred-size: 20%;
		    flex-basis: 20%;
		max-width: 20%;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;

		margin-bottom: 10px;
		padding-left: 10px;
	}
		.b-collection-list_item_holder {
			-webkit-box-flex: 1;
			    -ms-flex-positive: 1;
			        flex-grow: 1;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			border: 1px solid #343840;
			overflow: hidden;
		}

			.b-collection-list_item_info {
				padding: 15px 15px 5px;
				-webkit-box-flex: 1;
				    -ms-flex-positive: 1;
				        flex-grow: 1;
			}

			.b-collection-list_item_pic {
				position: relative;
 				display: -webkit-box;
 				display: -ms-flexbox;
 				display: flex;
 				-webkit-box-align: center;
 				    -ms-flex-align: center;
 				        align-items: center;
 				-webkit-box-pack: center;
 				    -ms-flex-pack: center;
 				        justify-content: center;

 				height: 244px;
 			}

 				.b-collection-list_item_pic img {
	 				max-height: 244px;
	 				pointer-events: none;
	 			}
 				.b-collection-list_item_pic img,
 				.b-collection-list_item_pic video {
 					vertical-align: middle;
 					transition: opacity .7s cubic-bezier(1, 0, .35, 1);
 				}
 				.b-collection-list_item_pic video {
 					position: absolute;
 					left: 0;
 					max-width: 100%;
 					opacity: 1;
 				}

 			.b-collection-list_item_name {
 				margin-bottom: 12px;
 				-o-text-overflow: ellipsis;
 				   text-overflow: ellipsis;
 				white-space: nowrap;
 				overflow: hidden;
 			}

 				.b-collection-list_item_name a {
					 text-decoration: none;
					 padding: 15px 15px 15px 15px;
	 			}

	 		.b-collection-list_item_author {
	 			position: relative;
	 			margin-bottom: 2px;
	 			padding-left: 20px;
	 		}

		 		.b-collection-list_item_author::before {
		 			content: '';
		 			position: absolute;
		 			top: 2px;
		 			left: -2px;
		 			width: 16px;
		 			height: 14px;
		 			background: transparent url('/bitrix/templates/.default/components/ma/catalog.section/blocks/img/elements-sprite.png') no-repeat 0px 0px;
		 		}


		 	.b-collection-list_item_id {
		 		color: #7c8494;
		 	}
 				

 			.b-collection-list_item_actions {
 				display: -webkit-box;
 				display: -ms-flexbox;
 				display: flex;
 				-webkit-box-align: center;
 				    -ms-flex-align: center;
 				        align-items: center;
 				padding: 5px 5px 5px 15px;
 				background: #343840;
 			}
 				.b-collection-list_item_license {
 					font-size: 16px;
 					cursor: default;
 				}

				.b-collection-list_item_buttons {
					margin-left: auto;
					font-size: 0;
				}

					.b-collection-list_item_buttons a {
						position: relative;
						display: inline-block;
						width: 32px;
						height: 32px;
						margin-left: 5px;
						/*font-size: 0;*/
						vertical-align: middle;
						background-color: transparent;
						border: 1px solid #676a70;
						border-radius: 2px;

						-webkit-transition-property: background-color, border-color;
						-o-transition-property: background-color, border-color;
						transition-property: background-color, border-color;
						-webkit-transition-duration: 0.2s;
						     -o-transition-duration: 0.2s;
						        transition-duration: 0.2s;
						-webkit-transition-timing-function: ease-in-out;
						     -o-transition-timing-function: ease-in-out;
						        transition-timing-function: ease-in-out;
					}

						.b-collection-list_item_buttons a::before {
							content: '';
							position: absolute;
							top: 50%;
							left: 50%;
							/* width: 17px;
							height: 16px;
							margin-top: -8px;
							margin-left: -9px; */
							width: 20px;
							height: 21px;
							margin-top: -10.5px;
							margin-left: -10px;
							background: transparent url('/bitrix/templates/.default/components/ma/catalog.section/blocks/img/elements-sprite.png') no-repeat;
						}

						.b-collection-list_item_buttons a.g-add-cart::before {
							/* background-position: -19px 1px; */
							background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 5.5H22L21 13.5H7M5.5 5.5L7 13.5M5.5 5.5L4.25975 2.60608C4.10217 2.2384 3.74063 2 3.3406 2H2M7 13.5V13.5C6.17157 13.5 5.5 14.1716 5.5 15V15C5.5 15.8284 6.17157 16.5 7 16.5H21' stroke='%23FFFFFF' stroke-width='1'/%3e%3ccircle cx='7' cy='20' r='1.4' stroke='%23FFFFFF' stroke-width='1'/%3e%3ccircle cx='19' cy='20' r='1.4' stroke='%23FFFFFF' stroke-width='1.2'/%3e%3c/svg%3e");
							background-size: 20px 21px;
						}

						.b-collection-list_item_buttons a.g-add-lightbox::before {
							/* background-position: -37px 1px; */
							background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 2.5H21.5V20' stroke='%23FBFBFB' stroke-width='1.4'/%3e%3cpath d='M2.7 21.3V5.7H18.3V21.3H2.7Z' stroke='%23FBFBFB' stroke-width='1.4'/%3e%3cpath d='M10.5 9V18M6 13.5H15' stroke='%23FBFBFB' stroke-width='1.4'/%3e%3c/svg%3e ");
							background-size: 20px 21px;

						}

						.b-collection-list_item_buttons a.g-download-btn::before {
							/* background-position: -57px 1px; */
							background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6.5H2.5V7V16V16.5H3H17H17.5V16V7V6.5H17H3Z' stroke='%23fff'%3e%3c/path%3e%3cline x1='4' y1='4.5' x2='16' y2='4.5' stroke='%23fff'%3e%3c/line%3e%3cline x1='6' y1='2.5' x2='14' y2='2.5' stroke='%23fff'%3e%3c/line%3e%3c/svg%3e");
							background-size: 20px 21px;
						}

					.b-collection-list_item_buttons a.active,/** @todo delete line */
					.b-collection-list_item_buttons a[aria-pressed="true"],
					.b-collection-list_item_buttons a:hover,
					.b-collection-list_item_buttons a:active {
						background-color: #b23674;
						border-color: #b23674;
					}


/* mosaic */
.b-collection-mosaic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;

	/*margin: 0 -5px;*/
	margin: 0 0 0 -5px;
}
.b-collection-mosaic {
	margin-top: 73px;
}
.b-page-navigation-top + .b-collection-mosaic {
	margin-top: 0;
}
	.b-collection-mosaic_item {
		position: relative;
		display: flex;
		flex: none;
		height: 240px;
		margin: 0 0 5px 5px;
	}
		.b-collection-mosaic_item--next-page {
			width: 111px;
			height: 222px;
			display: flex;
			align-items: flex-start;
			margin: 0 0 0 10px;
			flex-flow: column nowrap;
			justify-content: center;
			cursor: pointer;
		}
	
		.b-collection-mosaic_item.b-collection-mosaic_item--next-page {
			background-color: transparent;
		}
		.b-collection-mosaic_item.b-collection-mosaic_item--next-page:before,
		.b-collection-mosaic_item.b-collection-mosaic_item--next-page:after {
			content: none;
		}
		.b-collection-mosaic_item--next-page .svg-img {
			position: static;
			left: unset;
			top: unset;
			width: unset;
			height: unset;
			object-fit: unset;

			width: 55px;
		}
		.b-collection-mosaic_item--next-page .text {
			font-size: 18px;
			color: #808080;
		}
		.b-collection-mosaic_item--next-page:hover .text {
			color: #fff;
		}
		.b-collection-mosaic .b-collection-list_item_pic {
			height: 100%;
			min-height: 244px;
		}
			.b-collection-mosaic .b-collection-list_item_pic img {
				max-height: unset;
			}
			.b-collection-list_item_pic video {
				width: 100%;
			}

		/*.b-collection-mosaic_item--no-flex-grow {
			flex-grow: 0;
		}*/

		.b-collection-mosaic_item {
			background-color: #343840;
		}	
		.b-collection-mosaic_item a {
			display: block;
			width: 100%;
			height: 100%;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		 }

		.b-collection-mosaic_item:after,
		.b-collection-mosaic_item:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			height: 40px;
			background-image: none;
			opacity: 0.50;
			transition: height 0.25s, opacity 0.25s;
			pointer-events: none;
		 }
		 .b-collection-mosaic_item:before {
			top: 0;
			bottom: unset;
		 }
		 .b-collection-mosaic_item:hover:after,
		 .b-collection-mosaic_item:active:after,
		 .b-collection-mosaic_item:hover:before,
		 .b-collection-mosaic_item:active:before {
			height: 70px;
			background-image: linear-gradient(rgba(28, 94, 141, 0) 0%, rgba(28, 94, 141, 1) 70%, rgba(28, 94, 141, 1) 100%);
			opacity: 0.70;
		}
		.b-collection-mosaic_item:hover:before,
		.b-collection-mosaic_item:active:before {
			transform: rotate(180deg);
		}

				.b-collection-mosaic_item img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			 }
	.b-collection-mosaic_item .b-collection-list_item_buttons {
		display: flex;
	}
	.b-collection-mosaic_item .b-collection-list_item_buttons a {
		width: 32px;
		height: 32px;
	}
	.b-collection-mosaic_item .b-collection-list_item_actions {
		position: absolute;
		bottom: 0;
		right: 0;
		background: transparent;
		opacity: 0;
		transition: opacity 0.25s;
		z-index: 10;
	}
	.b-collection-mosaic_item .b-collection-list_item_buttons a {
		border: 1px solid #fff;
	}
	.b-collection-mosaic_item .b-collection-list_item_name {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0;
		transition: opacity 0.25s;
		z-index: 10;
	}
	.b-collection-mosaic_item .b-collection-list_item_name a:hover {
		color: #fff;
		text-decoration: none;
	}
	.b-collection-mosaic_item .b-collection-list_item_buttons a.active,/** @todo delete in future */
	.b-collection-mosaic_item .b-collection-list_item_buttons a[aria-pressed="true"],
	.b-collection-mosaic_item .b-collection-list_item_buttons a:hover,
	.b-collection-mosaic_item .b-collection-list_item_buttons a:active {
		border-color: #b23674;
	}
	.b-collection-mosaic_item:hover .b-collection-list_item_name,
	.b-collection-mosaic_item:hover .b-collection-list_item_actions {
		opacity: 1;
	}

 			
.b-catalog-similar_link {
	margin-top: 30px;
	text-align: center;
}

.b-catalog-similar_link .g-button {
	padding: 16px 30px;
	font-size: 14px;
}

/* pagination */
.b-page-navigation { 
	margin: 40px 0;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}
.b-page-navigation a, 
.b-page-navigation span, 
.b-page-navigation_current, 
.b-page-navigation_dots {
	display: inline-block;
	margin: 0 5px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
}

.b-page-navigation_current, .b-page-navigation a:hover {
	
}

.b-page-navigation .b-page-navigation_next,
.b-page-navigation .b-page-navigation_previous {
	position: relative;
	margin: 0 56px;
	padding: 18px 35px 16px;
}

.b-page-navigation .b-page-navigation_next.-disabled,
.b-page-navigation .b-page-navigation_previous.-disabled {
	cursor: default;
	opacity: 0.5;
}

.b-page-navigation .b-page-navigation_all,
.b-page-navigation .b-page-navigation_pagen {

}

.b-page-navigation .pagination-page-num {
	display: inline-block;
	/*min-width: 42px;
	max-width: 70px;*/
	width: 40px;
	height: 24px;
	margin: 0 5px;
	padding: 0 5px;
	/*font-size: 14px;*/
	text-align: center;
	vertical-align: top;
	background: transparent;
	/*border: 0 solid #89919e;*/
	/*border-bottom-width: 1px;*/
	color: #fff;
}

/** Стили для верхней постраничной навигации */
.b-page-navigation-top .b-page-navigation {
	display: flex;
	margin: 21px 0 22px;
	text-align: right;
	justify-content: flex-end;
	align-items: center;
}
.b-page-navigation-top .b-page-navigation:before {
	content: 'Страница';
	order: -4;
}

.b-page-navigation-top .b-page-navigation .b-page-navigation_previous {
	order: -3;
}
.b-page-navigation-top .b-page-navigation .pagination-page-num {
	order: -2;
}
.b-page-navigation-top .b-page-navigation .b-page-navigation_next {
	order: 0;
}

.b-page-navigation-top .b-page-navigation .b-page-navigation_next,
.b-page-navigation-top .b-page-navigation .b-page-navigation_previous {
	position: static;
	margin: 0;
	padding: 0;
}
.b-page-navigation-top .b-page-navigation_previous.g-button,
.b-page-navigation-top .b-page-navigation_next.g-button {
	font-size: 0;
	letter-spacing: unset;
}
.b-page-navigation-top .b-page-navigation_previous.g-button,
.b-page-navigation-top .b-page-navigation_next.g-button,
.b-page-navigation-top .b-page-navigation_previous.g-button:hover,
.b-page-navigation-top .b-page-navigation_next.g-button:hover
.b-page-navigation-top .b-page-navigation_previous.g-button:focus,
.b-page-navigation-top .b-page-navigation_next.g-button:focus
.b-page-navigation-top .b-page-navigation_previous.g-button:active,
.b-page-navigation-top .b-page-navigation_next.g-button:active {
	background-color: transparent;	
}
	.b-page-navigation-top .b-page-navigation_previous.g-button:before,
	.b-page-navigation-top .b-page-navigation_next.g-button:before {
		font-size: 28px;
		display: inline-block;
		width: 24px;
	}
	.b-page-navigation-top .b-page-navigation_previous.g-button:before {
		content: '‹';		
	}
	.b-page-navigation-top .b-page-navigation_next.g-button:before {
		content: '›';
	}

/*.b-search-preloader,*/
/*.b-catalog-search {*/
.b-search-preloader {
	margin-top: 80px;
	margin-bottom: -100px;
}
.b-search-new-search,
.search-empty-block {
	margin-top: 80px;
}
.search-error-block {
	display: inline-block;
	margin-top: 60px;
	padding: 10px 20px;
	background-color: #343840;
	border-radius: 2px;
	color: #ff7575;
}

/* End */


/* Start:/local/templates/.default/components/ma/catalog/fotodom/css/sort-bar.css?16212500048395*/
.b-collection-bars {
	display: flex;
	/*align-items: center;*/
	align-items: flex-start;
	/*justify-content: space-between;*/
	justify-content: flex-start;
	flex-wrap: wrap;

	margin: 5px 0px 20px 0px;
	color: #6c7380;
	margin-bottom: -54px;
}
	.b-collection-bars label {
		font-weight: 300;
	}

	.b-collection-bars select {
		border-bottom: 1px solid #7c8494;
		text-align: left;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		appearance: none;
	}
	.b-collection-bars .b-count select {
		margin-bottom: 5px;
		/*text-align: center;*/
		/*border-bottom: 1px solid #7c8494;*/
	}
	/*.b-collection-bars .b-sorting .g-select,
	.b-collection-bars .b-filter .g-select {
		padding-left: 0;
	}*/


	/* Сортировка */

	.b-sorting {
		flex-shrink: 0;
	}
		.b-sorting a,
		.b-sorting a:hover,
		.b-sorting a:focus,
		.b-sorting a:active {
			text-decoration: none;
			color: #fff;
		}
		.b-sorting a + a {
			margin-left: 25px;
		}
		.b-sorting a:not(.selected),
		.b-sorting a:hover:not(.selected),
		.b-sorting a:focus:not(.selected),
		.b-sorting a:active:not(.selected) {
			color: #6c7380;
		}
		.b-sorting a:not(.b-sort-name).selected.asc:after,
		.b-sorting a.b-sort-name.selected.desc:after {
			transform: rotate(180deg);
			margin-top: -3px;
		}


	/* Фильтр */
	.b-filter {
		display: flex;
		position: relative;
		flex-wrap: wrap;
	}
		.b-filter_item {
			margin: 0 15px;
		}
		.b-filter > .b-filter_item:first-child {
			margin-left: 0;
		}
		.b-filter > .b-filter_item:last-child {
			margin-right: 0;
		}
		.b-filter_group {
			padding: 0 8px 0 6px;
			/*padding: 0 15px;*/
			margin: 0;
		}
		.b-filter_group--empty {
			padding: 0 15px;
		}
		.b-filter-group-clear {
			width: 16px;
			height: 16px;
			display: inline-block;
			line-height: 16px;
			text-align: center;
			color: #6c7380;
			cursor: pointer;
		}
		.b-filter-group-clear:hover {
			color: #fff;
		}
		.b-filter_group--empty .b-filter-group-clear {
			display: none;
		}
		.b-collection-bars .g-select option[data-empty] {
			font-style: italic;
		}
	.b-collection-bars .b-filter {
		/*margin-left: 20px;*/
		/*padding-left: 5px;*/
		/*margin: 20px 0;*/
		margin: 10px 0 50px;
		width: 100%;
	}
		/*.b-collection-bars .b-filter:before {
			content: '';
			position: absolute;
			top: -7px;
			bottom: -7px;
			left: 0;
			width: 1px;
			background-color: #343840;
		}*/
		.b-collection-bars .b-filter .b-filter_group {
			color: #fff;
			cursor: default;
		}
			.b-collection-bars .b-filter .b-filter_group,
			.b-collection-bars .b-filter > .b-filter_item,
			.b-collection-bars .b-filter :not(.b-filter_group) .b-filter_item {
				position: relative;
				top: -1px;
			}
			.b-collection-bars .b-filter .b-filter_group .g-ico-shevron-small:after,
			.b-collection-bars .b-filter > .b-filter_item .g-ico-shevron-small:after,
			.b-collection-bars .b-filter :not(.b-filter_group) .b-filter_item .g-ico-shevron-small:after {
				margin-top: -3px;
			}
		/*.b-collection-bars .b-filter .g-select--empty:not(:hover),*/
		.b-collection-bars .b-filter .g-select--empty,
		.b-collection-bars .b-filter .b-filter_group--empty:not(:hover) {
			color: #6c7380;
		}
		.b-collection-bars .b-filter .g-select:disabled {
			opacity: .5;
			cursor: not-allowed;
		}

		.b-filter_group .b-filter-group_item-list {
			display: none;
			position: relative;
			width: 400px;
			z-index: 11;
			padding: 10px 0;
			transform: translateX(-160px);
			background-color: #41454d;
			border: 1px solid #7c8494;
			border-radius: 2px;
		}
			.b-filter_group .b-filter-group_item-list .g-select {
				margin-bottom: 3px;
			}
		.b-filter_group:hover {
			color: #fff;
		}
		.b-filter_group:hover .b-filter-group_item-list {
			position: absolute;
			/*display: block;*/
			display: flex;
			margin-top: 5px;
		}
		.b-filter_group .b-filter-group_item-list--color {
			width: 186px;
			transform: translateX(-74px);
		}

		.b-filter .g-input {
			background: transparent;
			color: #fff;
			border: none;
			border-bottom: 1px solid #7c8494;
			-webkit-appearance: none;
			-webkit-border-radius: 0;
			appearance: none;
		}

		.b-filter_item--color {
			text-align: center;
		}
		.b-filter_item--color .b-color {
			display: inline-block;
			/*background-color: #7c8494;*/
		}
		.b-color {
			position: relative;
			width: 154px;
			height: 136px;
			padding-top: 3px;
		}
			.b-color_img {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 100;
				width: 154px;
				height: 136px;
				opacity: 0;
			}
			.b-color .b-color_line {
				display: block;
				margin-bottom: 2px;
				text-align: center;
				font-size: 0;
			}
				.b-color_item {
					width: 14px;
					height: 10px;
					cursor: pointer;
					border-radius: 2px;
					position: relative;
					display: inline-block;
					vertical-align: top;
				}
				.b-color_item:before,
				.b-color_item:after {
					position: absolute;
					left: 0;
					width: 0;
					height: 0;
					border-left: 7px solid transparent;
					border-right: 7px solid transparent;
					content: "";
				}
				.b-color_item:before {
					top: -3px;
					border-bottom-color: inherit;
					border-bottom-style: solid;
					border-bottom-width: 4px;
				}
				.b-color_item:after {
					bottom: -3px;
					border-top-color: inherit;
					border-top-style: solid;
					border-top-width: 4px;
				}
				.b-color_item {
					background-color: currentColor;
					border-color: currentColor;
				}
				.b-color_item[data-checked] {
					/*background-color: #fff;*/
					/*border-color: #fff;*/
				}
				.b-color_item-selection {
					position: absolute;
					top: -6px;
					left: -3px;
					z-index: 50;
					display: block;
					width: 20px;
					height: 22px;
					/*cursor: pointer;*/
					pointer-events: none;
				}
				.b-color_item-selection i {
					position: absolute;
					display: block;
					width: 12px;
					height: 12px;
					overflow: hidden;
					pointer-events: none;
				}

				.b-color_item-selection i:after {
					position: absolute;
					top: 0;
					right: 0;
					display: block;
					width: 3px;
					height: 12px;
					background:	#fff;
					content: "";
					opacity: .75;
					border-radius: 4px;
					pointer-events: none;
				}
				.b-color_item-selection i {
					top: 5px;
					left: -9px;
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);
				}
				.b-color_item-selection i + i {
					top: -6px;
					left: -3px;
					-webkit-transform: rotate(60deg);
					transform: rotate(60deg);
				}
				.b-color_item-selection i + i + i {
					top: -6px;
					left: 11px;
					-webkit-transform: rotate(120deg);
					transform: rotate(120deg);
				}
				.b-color_item-selection i + i + i + i {
					top: 5px;
					left: 17px;
					-webkit-transform: rotate(180deg);
					transform: rotate(180deg);
				}
				.b-color_item-selection i + i + i + i + i {
					top: 16px;
					left: 11px;
					-webkit-transform: rotate(240deg);
					transform: rotate(240deg);
				}
				.b-color_item-selection i + i + i + i + i + i {
					top: 16px;
					left: -3px;
					-webkit-transform: rotate(300deg);
					transform: rotate(300deg);
				}



	/* Кол-во элементов */

	.b-count {
		display: flex;
		flex-shrink: 0;
		align-items: center;
		/*margin-left: auto;*/
		margin-left: 20px;
		position: relative;
		padding-left: 20px;
	}
	.b-collection-bars .b-count:before {
		content: '';
		position: absolute;
		top: -7px;
		bottom: -7px;
		left: 0;
		width: 1px;
		background-color: #343840;
	}


	/* Вид списка */

	.b-view {
		display: flex;
		flex-shrink: 0;
		align-items: center;
	}
		.b-view_item {
			position: relative;
			margin-left: 20px;
			padding-left: 20px;
		}

		.b-view_item:not(:first-child)::before {
			content: '';
			position: absolute;
			top: -7px;
			bottom: -7px;
			left: 0;
			width: 1px;
			background-color: #343840;
		}

			.b-view a {
				display: flex;
				flex-wrap: wrap;
				width: 24px;
				height: 24px;
				font-size: 0;
			}

			.b-view .square,
			.b-view .rectangle {
				height: 6px;
				margin: 1px;
				background-color: #6c7380;
			}

			.b-view .square {
				width: 6px;
			}

			.b-view .rectangle-big {
				width: 14px;
			}

			.b-view .rectangle-middle {
				width: 9px;
			}

			.b-view .rectangle-little {
				width: 6px;
			}

			.b-view .rectangle-small {
				width: 3px;
			}

			.b-view .selected .square,
			.b-view .selected .rectangle {
				background-color: #fff;
			}

/* End */
/* /local/templates/.default/components/ma/catalog/fotodom/css/search.css?162125000414154 */
/* /local/templates/.default/components/ma/catalog/fotodom/css/sort-bar.css?16212500048395 */
