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

.PARTNERS .heading {
	margin-bottom: 32rem;
}

.PARTNERS .heading a svg {
	display: inline-block;
	vertical-align: middle;
	width: 32rem;
	height: 24rem;
	margin: -12rem 0 -12rem 8rem;
	transform: translate(0, -2rem);
	transition: transform 0.25s;
}

.PARTNERS .heading a:hover svg {
	transform: translate(8rem, -2rem);
}

.PARTNERS .partner {
	border-radius: 6rem;
	position: relative;
}

.PARTNERS .image {
	border-radius: 16rem;
	margin-bottom: 16rem;
	overflow: hidden;
	padding: 24rem;
	border: 1rem solid var(--grey);
	background: var(--white);
}

.PARTNERS .image .b-img-fallback {
	border: none;
}

.PARTNERS .content {
	display: flex;
	position: relative;
}

.PARTNERS .content h4 {
	flex-grow: 1;
}

.PARTNERS .content button {
	flex-shrink: 0;
	cursor: pointer;
	display: block;
	width: 20rem;
	height: 20rem;
	padding: 0rem;
	border-radius: 100%;
	background: var(--white);
	box-sizing: border-box;
	border: none;
	box-shadow: 0 0 0 1rem var(--green), inset 0 0 0 1rem var(--green);
	color: var(--green);
	margin: 3rem 0 0 8rem;
	transition: background-color 0.25s, color 0.25s;
}

.PARTNERS button:hover {
	background-color: var(--green);
	color: var(--white);
}

.PARTNERS button::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.PARTNERS .buttons {
	margin-top: 32rem;
}

@media screen and (max-width: 960px) {
	.PARTNERS .actions {margin-top: 16rem;}
	.PARTNERS .b-columns .b-column[data-width="3"] {width: 50%;}
}



/* PARTNER-MODAL */

.PARTNER-MODAL {
	position: relative;
	margin: 0 auto;
	max-width: var(--col-12);
}

.PARTNER-MODAL .close {
	position: absolute;
	top: 16rem;
	right: 16rem;
}

.PARTNER-MODAL .container {
	border-radius: 16rem;
	box-sizing: border-box;
	background: var(--white);
	max-height: calc(100vh - 128rem);
	padding: 64rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.PARTNER-MODAL .image {
	width: var(--col-3);
	float: left;
	margin: 0 64rem 0 0;
}

.PARTNER-MODAL .content {
	overflow: hidden;
}

.PARTNER-MODAL .details {
	margin-top: 24rem;
}

@media screen and (max-width: 960px) {
	.PARTNER-MODAL .container {padding: 24rem; max-height: calc(100vh - 48rem);}
	.PARTNER-MODAL .image {width: auto; float: none; margin: -24rem -24rem 24rem;}
	.PARTNER-MODAL .close {z-index: 1;}
}