.LOGOS::before,
.LOGOS::after {
	content: "";
	display: block;
	overflow: hidden;
}

@media screen and (max-width: 960px) {
	.LOGOS .b-columns {margin:-10rem;}
	.LOGOS .b-column {padding:10rem; width:33.33%;}
}



/* MARQUEE */

.LOGOS[data-style="marquee"] .breakout {
	margin: 0 calc(50% - 50vw);
}

.LOGOS[data-style="marquee"] .slide {
	margin: 0 auto;
	text-align: center;
	white-space: nowrap;
	max-width: 100%;
}

.LOGOS[data-style="marquee"] .wrapper {
	display: inline-block;
	vertical-align: top;
}

.LOGOS[data-style="marquee"] .wrapper:nth-child(2) {
	display: none;
}

.LOGOS[data-style="marquee"] .items {
	display: flex;
	flex-wrap: nowrap;
}

.LOGOS[data-style="marquee"] .item {
	width: 240rem;
	flex: 0 0 auto;
	align-items: stretch;
	box-sizing: border-box;
	padding: 0 20rem;
}

/* alt-anmimate */

.LOGOS[data-style="marquee"].alt-animate .slide {animation: moveSlide linear infinite; text-align: left; max-width: none;}
.LOGOS[data-style="marquee"].alt-animate .wrapper:nth-child(2) {display: inline-block;}

@media screen and (min-width: 961px) {
	.b-section.alt-side-by-side .LOGOS {width: 660rem;}
	.b-section.alt-side-by-side .LOGOS .b-column {width: 33.33%;}
}

@media screen and (max-width: 960px) {
	.LOGOS[data-style="marquee"] .item {padding: 0 10rem;}
}

@keyframes moveSlide {
	100% {transform: translateX(-50%);}
}


/* ticker */
.inner-slide {
	margin: 0 12px;
	min-width: 200px;
}

.LOGOS.ticker.gradient-blue .container::after {
	content: "";
	position: absolute;
	background-image: linear-gradient(270deg, #1C6FEC, rgba(255, 255, 255, 0));
	width: 200rem;
	height: 100%;
	inset: 0 1% auto auto;
}

.LOGOS.ticker.gradient-blue .container::before {
	content: "";
	position: absolute;
	background-image: linear-gradient(90deg, #1C6FEC, rgba(255, 255, 255, 0));
	width: 200rem;
	height: 100%;
	inset: auto auto 0 1%;
    z-index: 10000;
}

.LOGOS.ticker.gradient-black .container::after {
	content: "";
	position: absolute;
	background-image: linear-gradient(270deg, #13171A, rgba(255, 255, 255, 0));
	width: 200rem;
	height: 100%;
	inset: 0 1% auto auto;
}

.LOGOS.ticker.gradient-black .container::before {
	content: "";
	position: absolute;
	background-image: linear-gradient(90deg, #13171A, rgba(255, 255, 255, 0));
	width: 200rem;
	height: 100%;
	inset: auto auto 0 1%;
    z-index: 10000;
}

@media screen and (max-width: 960px) {

	.LOGOS.ticker::before, .LOGOS.ticker::after { 
		width: 35rem;
	}
}