.floor-outsource {
	font-family: var(--font-main);
	background: var(--c-background);
	padding: 0 20px;
	overflow: hidden;	
  	margin-bottom: 60px;	
}

.floor-outsource__inner {
  max-width: var(--content-width);
  margin: 0 auto;
}

.floor-outsource__title {
	font-family: var(--font-main);
	font-weight: 600;
	font-size: var(--size-title);
	line-height: var(--lh-title);
	font-weight: var(--weight-title);	
	margin-top: 0;
	margin-bottom: 90px;
	color: var(--c-text);
	position: relative;
}

.floor-outsource__title-accent {
	color: var(--c-main);
}

.floor-outsource__title:after {
	position: absolute;
	bottom: -30px;
	left: 0;
	content: "";
	width: 90px;
	height: 20px;
	background: var(--c-main);
}

.floor-outsource__block {
	padding: 30px 30px 40px 40px;
	border: 8px solid var(--c-main);
	margin-bottom: 30px;
}	

.floor-outsource__block.is--inverse {
	background: var(--c-main);
	color: var(--c-background);
	padding: 30px 40px 40px 40px;
}	


.floor-outsource__block-row {
  display: flex;
  justify-content: space-between;
}

.floor-outsource__block-title {
	font-weight: bold;
	margin-bottom: 20px;	
	color: var(--c-accent);
}

.is--inverse .floor-outsource__block-title {
	color: var(--c-background);
}


.floor-outsource__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 50%;  
  list-style: none;
  padding: 0;
}

.floor-outsource__list:first-child {
	width: calc(50% - 80px);
	margin-right: 80px;
}



.floor-outsource__list-item {
	margin-bottom: 20px;
	position: relative;
	padding-left: 36px;
	
}

.floor-outsource__list-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: auto;
	margin-top: 5px;	
}

.floor-outsource__circle {
	width: 160px;
	height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 4px solid var(--c-background);
	border-radius: 50%;
	margin: 20px auto;
}

.floor-outsource__circle-caption {
	text-align: center;
	padding: 0 20px;
}

@media (max-width: 768px) {
	.floor-outsource__block, .floor-outsource__block.is--inverse {
		padding: 15px 20px 20px 15px;
	}	

	.floor-outsource__block-row {
		flex-direction: column;
	}

	.floor-outsource__list, .floor-outsource__list:first-child {
	  width: 100%;  
	  margin: 0;
	  padding: 0;
	}
}