/* Start:/bitrix/templates/template.yarmarka/components/ma/catalog/gallery/ma/catalog.section.list/blocks/style.css?15314607376263*/

.b-gallery-section-blocks {
	margin: 0 0 0 -35px;
	padding: 59px 0 129px;
	font-size: 0;
}
	.b-gallery-section-blocks_item {
		width: 50%;
		display: inline-block;
		font-size: 14px;
		margin: 0 0 35px 0;
		*display: inline;
	  	zoom: 1;
	  	vertical-align: top;
	}
		.b-gallery-section-blocks_holder {
			position: relative;
			margin-left: 35px;
			min-height: 322px;
		}
 			.b-gallery-section-blocks_image a {
 			    display: block;
 			    font-size: 0;
 			}
 				.b-gallery-section-blocks_image img {
					transform-origin: center;
					transition: transform 0.5s;
					min-width: 372px;
					max-height: 227px;
 				}

 				.b-gallery-section-blocks_holder:hover img {
 				    transform: scale(1.2);
 				}
 			.b-gallery-section-blocks_no-image {
 				float: left;
 				width: 218px;
 				height: 170px;
 				margin-bottom: 0.8em;
 				background: #FFF url(/bitrix/templates/template.yarmarka/components/ma/catalog/gallery/ma/catalog.section.list/blocks/img/no-image_220x170.png) 50% 50% no-repeat;
				border: 1px solid #CCC;
 			}
 				.b-gallery-section-blocks_no-image a {
 					display: block;
 					width: 220px;
 					height: 170px;
 					overflow: hidden;
 					text-indent: -1000px;
 				}

 				.b-gallery-section-blocks_image_item {
					position: absolute;
	 				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;
	 				width: 528px;
	 				height: 322px;
	 				top: 0;
	 				left: 0;
	 				z-index: 3;
	 				cursor: pointer;
 				    background-size: cover;
 				    transition: left 0.5s, top  0.3s;
				}

				.b-gallery-section-blocks_image_item:nth-child(1) {
				    z-index:  3;
				}

				.b-gallery-section-blocks_image_item:nth-child(2) {
				    z-index:  2;
				    top: 15px;
				    left: 15px;
				}

				.b-gallery-section-blocks_image_item:nth-child(3) {
				    z-index:  1;
				    top: 30px;
				    left: 30px
				}

 				.b-gallery-section-blocks_image_item::after {
 				    content: "";
 				    display: block;
 				    width: 100%;
 				    height: 100%;
 				    position:  absolute;
 				    top: 0;
 				    left: 0;
 				    background-color: rgba(48, 49, 52, 0.55);
 				}

	 				.b-gallery-section-blocks_image_item img {
						transform-origin: center;
						width: 100%;
						max-height: 322px;
	 				}

	 				.b-gallery-section-blocks_holder:hover .b-gallery-section-blocks_image_item {
	 					left: 0;
	 					top: 0;
	 				}

	 				.b-gallery-section-blocks_holder:hover .b-gallery-section-blocks_image_item img {
	 					transform: scale(1);
	 				}



			.b-gallery-section-blocks_text  {
 				
 			}
 				.b-gallery-section-blocks_name {
 					text-align: center;
 				}

 					.b-gallery-section-blocks_holder > a,
 					.b-gallery-section-blocks_holder > a:visited {
 						position: absolute;
 						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;
 						-webkit-box-orient: vertical;
 						-webkit-box-direction: normal;
 						-webkit-flex-direction: column;
 						-moz-box-orient: vertical;
 						-moz-box-direction: normal;
 						-ms-flex-direction: column;
				        flex-direction: column;
 						width: 100%;
 						height: 100%;
 						top: 0;
 						left: 0;
 						z-index: 3;
 						cursor: pointer;
 					    font-family: Roboto, sans-serif;
 					    font-weight: bold;
 					    font-size: 30px;
 					    text-transform: uppercase;
 					    text-decoration: none;
 					    color: #fff;
	     			    transition: color 0.5s;
	     			    max-width: 528px;
 					}

 					.b-gallery-section-blocks_holder a:hover {
 						color: #fff;
 						text-decoration: none;
 					}

					.b-gallery-section-blocks_holder > a i {
					    display: block;
					    background-size: cover;
					    position:  relative;
					    z-index: 3;
					}

					.b-gallery-section-id-99 span {
					    position:  relative;
					    padding-top: 20px;
					}

					.b-gallery-section-id-100 span {
					    position:  relative;
					    padding-top: 14px;
					    margin-bottom: 7px;
					}


@media (max-width: 1160px) {
	.b-gallery-section-blocks {
	    transform: scale(0.9);
	    padding: 0 0 0;
	}

	.b-gallery-section-blocks_item {
	    transform: scale(0.8);
	}
}

@media (max-width: 991px) {
	.b-gallery-section-blocks {
	    transform: scale(1);
	    text-align: center;
	    padding: 0 0 30px;
	}

	.b-gallery-section-blocks_item {
	    transform: scale(1);
	    width: 100%;
	    margin: 0 0 55px 0;
	}
	
		.b-gallery-section-blocks_holder {
			min-height: 226px;
			margin-left: 0;
		}

		.b-gallery-section-blocks_image {
		    position: absolute;
		    left: 50%;
		    margin-left: -185px;
		}
			.b-gallery-section-blocks_image img {
				min-width: 370px;
				max-height: 226px;
			}

					.b-gallery-section-blocks_image_item {
						width: 370px;
						height: 226px;
					}

					.b-gallery-section-blocks_image_item img {
						max-height: 226px;
					}

					.b-gallery-section-blocks_holder > a,
					.b-gallery-section-blocks_holder > a:visited {
						font-size: 30px;
						max-width: 370px;
					}

	.b-gallery-section-blocks_holder > a,
	.b-gallery-section-blocks_holder > a:visited {
	    position: absolute;
	    left: 50%;
	    margin-left: -185px;
	}

}
@media (max-width: 435px) {
	.b-gallery-section-blocks_holder {
			min-height: 164px;
			margin-left: 0;
		}

		.b-gallery-section-blocks_image {
		    position: absolute;
		    left: 50%;
		    margin-left: -135px;
		}
			.b-gallery-section-blocks_image img {
				min-width: 270px;
				max-height: 164px;
			}

					.b-gallery-section-blocks_image_item {
						width: 270px;
						height: 164px;
					}

					.b-gallery-section-blocks_image_item img {
						max-height: 164px;
					}

					.b-gallery-section-blocks_holder > a,
					.b-gallery-section-blocks_holder > a:visited {
						font-size: 25px;
						max-width: 270px;
					}

	.b-gallery-section-blocks_holder > a,
	.b-gallery-section-blocks_holder > a:visited {
	    position: absolute;
	    left: 50%;
	    margin-left: -135px;
	}
}
/* End */
/* /bitrix/templates/template.yarmarka/components/ma/catalog/gallery/ma/catalog.section.list/blocks/style.css?15314607376263 */