/*
* Brands
*/
.partnersWrap {

	position: relative;
	float: none;
	clear: both;
	width: 100%;
	background: transparent;
	padding: 64px 0;
	text-align: center;
	z-index: 2;
	
	@media @flyout {
		padding: @content_padding_top_flyout 0 64px;
	}

	@media @mobile {
		padding: @content_padding_top_mobile 0 64px;
	}

	.partners {
		position: relative;
		float: none;
		clear: both;
		width: ~"calc(100% + 86px)";
		margin: 0 -43px;
		border-bottom: none;
		padding: 0;

		@media @flyout {
			width: ~"calc(100% + 50px)";
			margin: 0 -25px;
		}


		.introBlock {

			float: none;
			clear: both;
			margin: 0 0 48px 0;

			@media @mobile {
				margin: 0 0 32px 0;
				text-align: center;
			}

			.introTitle {
				color: @text_color;
				.rems(24);
				line-height: 24px;
				font-weight: 500;
				opacity: 0.8;
			}
		}
		

		&__list {
			float: none;
			clear: both;
			position: relative;
			width: 100%;
			margin: 0;
			padding: 0;
		

			&, .splide__list {
				display: flex;
			}
			
			&:not(.is-active) {
				
				.splide__list {
					width: 100%;
				}
				
				.partners__item {
					
					@media @flyout {
						flex: 0 0 25%;
					}

					@media all and (max-width: 500px) {
						flex: 1 1 33.333333%;
					}
				}
				
			}
			
			.splide__track {
				width: 100%;
			}
			
		}

		&__item {
			float: none;
			clear: both;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0;
			width: auto;
			flex: 1 1;
			flex-basis: ~"calc(100% / 5)";
			padding: 0 43px;
		

			@media @flyout {
				flex: 1 1 25%;
				padding: 0 25px;
			}
			
			@media all and (max-width: 500px) {
				flex: 1 1 33.333333%;
			}

			a, span {

				pointer-events: none;
				cursor: default;
				display: block;
				width: 100%;
				height: auto;

				.imageWrap {

					width: 100%;
					height: 51px;
					position: relative;
					margin: 0 auto;
					opacity: 0.8;


					img {
						width: 100%;
						height: 100%;
						object-fit: contain;
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%,-50%);
						filter: grayscale(1);

					}
				}
			}
		}
		
		
	}

}
