/*/////////////////////////////////////////////
//// BEGIN: Section - Social Forces
/////////////////////////////////////////////*/
.section-social-forces {
	padding-top: 80px;
	background: #fff;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.section-social-forces .section-wrapper {
	align-items: flex-start;
	max-height: 768px;
}

.section-social-forces .section-content {
	position: relative;
	flex-basis: 45%;
	font-weight: 600;
}

.section-content.social-forces__bubbles {
	align-self: flex-start;
	flex-basis: 45%;
	height: 100%;
}

.section-social-forces .social-forces__bubbles ul {
	position: relative;
	height: 100%;
}

.section-social-forces .social-forces__bubbles ul:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: -20%;
	width: 124%;
	height: 100%;
	background: url('../images/section_social-forces/background_social-forces_bubbles_v2.svg') no-repeat center top / contain transparent;
	z-index: 0;
}

.section-social-forces .social-forces__bubbles li {
	position: absolute;
	width: 200px;
	border-radius: 50%;
	z-index: 1;
	color: #fff;
	text-align: center;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}

.section-social-forces .social-forces__bubbles li h3 {
	margin-bottom: 0;
	text-transform: uppercase;
}

.section-social-forces .social-forces__bubbles li p {
	font-size: 20px;
	line-height: 1.2;
}

.section-social-forces .social-forces__bubbles .social-forces__reset {
	top: 28%;
	left: -13%;
	height: 200px;
	padding: 10% 3%;
	background: #f5ec16;
	color: #000;
	/*/* animation: floatReset 6s ease-in-out infinite; */
	*/
}

.section-social-forces .social-forces__bubbles .social-forces__cusp {
	top: 15%;
	left: 32%;
	height: 200px;
	padding: 10% 3%;
	background: #f26522;
	/*animation: floatCusp 4s ease-in-out infinite;*/
}

.section-social-forces .social-forces__bubbles .social-forces__value {
	top: 47%;
	left: 25%;
	height: 200px;
	padding: 10% 3%;
	background: #ec008e;
	/*animation: floatValue 5s ease-in-out infinite;*/
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-a {
	top: 1%;
	left: -12%;
	width: 23.7%;
	padding-bottom: 23.7%;
	background: #9acfda;
	/* animation: floatValue 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-b {
	top: 0%;
	left: 58.5%;
	width: 20.5%;
	padding-bottom: 20.5%;
	background: #f6a27a;
	/* /* animation: floatReset 4s ease-in-out infinite; */
	*/
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-c {
	top: 16%;
	left: 7.5%;
	width: 18.2%;
	padding-bottom: 18.2%;
	background: #d6d6d6;
	/* animation: floatReset 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-d {
	top: 15%;
	left: 73.5%;
	width: 20.5%;
	padding-bottom: 20.5%;
	background: #fad0bc;
	/* animation: floatValue 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-e {
	top: 44.5%;
	left: 64.5%;
	width: 20.5%;
	padding-bottom: 20.5%;
	background: #f6a27a;
	/* animation: floatValue 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-f {
	top: 62.5%;
	left: 79%;
	width: 23.7%;
	padding-bottom: 23.7%;
	background: #fad0bc;
	animation: floatCusp 6s ease-in-out infinite;
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-g {
	top: 78%;
	left: 36%;
	width: 18.5%;
	padding-bottom: 18.5%;
	background: #cce6ec;
	animation: floatCusp 6s ease-in-out infinite;
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-h {
	top: 80%;
	left: 11.5%;
	width: 20.5%;
	padding-bottom: 20.5%;
	background: #f6a27a;
	/* animation: floatValue 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-i {
	top: 61.5%;
	left: 2%;
	width: 20.5%;
	padding-bottom: 20.5%;
	background: #cce6ec;
	/* animation: floatValue 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-j {
	top: 73.5%;
	left: -10%;
	width: 18.5%;
	padding-bottom: 18.5%;
	background: #d6d6d6;
	/* animation: floatValue 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-k {
	top: 57.5%;
	left: -21%;
	width: 18.5%;
	padding-bottom: 18.5%;
	background: #f6a27a;
	/* animation: floatReset 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-l {
	top: 41.5%;
	left: 87%;
	width: 14.5%;
	padding-bottom: 14.5%;
	background: #d6d6d6;
	/* animation: floatReset 6s ease-in-out infinite; */
}

.section-social-forces .social-forces__bubbles li.social-forces__bubble-m {
	top: 31.5%;
	left: 74%;
	width: 14.5%;
	padding-bottom: 14.5%;
	background: #cce6ec;
	/* animation: floatValue 6s ease-in-out infinite; */
}

/*
@keyframes floatReset {
	0% {
		transform: translatey(0px);
	}
	60% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes floatCusp {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(22px);
	}
	100% {
		transform: translatey(0px);
	}
}

@keyframes floatValue {
	0% {
		transform: translatey(0px);
	}
	40% {
		transform: translatey(-15px);
	}
	100% {
		transform: translatey(0px);
	}
}
*/
.section-social-forces .note {
	position: absolute;
	bottom: 10%;
	width: 385px;
	font-size: 18px;
	font-weight: 600;
}

.section-social-forces .note a {
	color: #000;
}

.section-social-forces .note span {
	color: #f26522;
}

/*/////////////////////////////////////////////
//// BEGIN: Media Queries
/////////////////////////////////////////////*/
/* BEGIN: Hovers */
@media screen and (min-width: 768px) {}

/* BEGIN: Responsive */
@media screen and (max-width: 1366px) {

	/*
	.section-social-forces {
		height: 56.25vw;
	}
	*/
	.section-social-forces .social-forces__bubbles ul:after {}

	.section-social-forces .social-forces__bubbles .social-forces__reset,
	.section-social-forces .social-forces__bubbles .social-forces__cusp,
	.section-social-forces .social-forces__bubbles .social-forces__value {
		width: 14.7vw;
		height: 14.7vw;
	}

	.section-social-forces .social-forces__bubbles li p {
		font-size: 1.5vw;
	}

	.section-social-forces .note {
		width: 26.75%;
		font-size: 1.35vw;
	}
}

/* BEGIN: iPad / Mobile */
@media screen and (max-width: 960px) {}

/* BEGIN: Mobile */
@media screen and (max-width: 767px) {
	.section-social-forces {
		height: auto;
		padding-top: 100px;
		background-position: 25% 77%;
		background-size: 123%;
		overflow: hidden;
		color: #000;
	}

	.section-social-forces .section-wrapper {
		max-height: none;
	}

	.section-social-forces .section-content {
		flex-basis: 100%;
	}

	.section-social-forces .social-forces__bubbles ul {
		height: 160vw;
		margin-top: 5%;
	}

	.section-social-forces .social-forces__bubbles ul:after {
		top: 0;
		left: -10%;
		width: 113vw;
		height: 100%;
		background: url('../images/section_social-forces/mobile_background_social-forces_bubbles.png') no-repeat center top / 85% transparent;
		background: none;
	}

	.section-social-forces .social-forces__bubbles .social-forces__reset,
	.section-social-forces .social-forces__bubbles .social-forces__cusp,
	.section-social-forces .social-forces__bubbles .social-forces__value {
		width: 40vw;
		height: 40vw;
	}

	.section-social-forces .social-forces__bubbles .social-forces__reset {
		top: 25%;
		left: 0.5%;
	}

	.section-social-forces .social-forces__bubbles .social-forces__cusp {
		top: 15%;
		left: 45%;
	}

	.section-social-forces .social-forces__bubbles .social-forces__value {
		top: 41.5%;
		left: 40%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-a {
		top: 0%;
		left: 0%;
		width: 25.7%;
		padding-bottom: 25.7%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-b {
		top: 1.85%;
		left: 79.5%;
		width: 22.5%;
		padding-bottom: 22.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-c {
		top: 11.5%;
		left: 24.5%;
		width: 20.2%;
		padding-bottom: 20.2%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-d {
		top: 4%;
		left: 43.5%;
		width: 11.5%;
		padding-bottom: 11.5%;
		background: #9acfda;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-e {
		top: 37.5%;
		left: 82.5%;
		width: 22.5%;
		padding-bottom: 22.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-f {
		top: 61%;
		left: 80%;
		width: 16.7%;
		padding-bottom: 16.7%;
		background: #d7d7d7;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-g {
		top: 66.5%;
		left: 51%;
		width: 20.5%;
		padding-bottom: 20.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-h {
		top: 69%;
		left: 24.5%;
		width: 21.5%;
		padding-bottom: 21.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-i {
		top: 52%;
		left: 15%;
		width: 21.5%;
		padding-bottom: 21.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-j {
		top: 63%;
		left: 3%;
		width: 17.5%;
		padding-bottom: 17.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-k {
		top: 54.5%;
		left: 98%;
		width: 22.5%;
		padding-bottom: 22.5%;
		background: #fbd1bc;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-l {
		top: 5.5%;
		left: 62%;
		width: 11.5%;
		padding-bottom: 11.5%;
	}

	.section-social-forces .social-forces__bubbles li.social-forces__bubble-m {
		top: 26.5%;
		left: 93%;
		width: 16.5%;
		padding-bottom: 16.5%;
	}

	.section-social-forces .social-forces__bubbles li h3 {
		margin-bottom: 5%;
		font-size: 4.5vw;
	}

	.section-social-forces .social-forces__bubbles li p {
		font-size: 3.5vw;
	}

	.section-social-forces .note {
		bottom: 20vw;
		width: 60%;
		font-size: 3.7vw;
	}
}

/* FIN */