.section {
	&--main {
		position: relative;
		background-color: white;
		min-height: 500px;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
		border-radius: $border-radius;

		&::before {
			content: '';
			position:  absolute;
			top: 0;
			bottom: 0;
			left: -1rem;
			right: -1rem;
			background-color: white;
			z-index: -1;

			@include media-breakpoint-up(sm) {
				left: -2.5rem;
				right: -2.5rem;
			}
		}
	}

	&--expose {
		margin-top: 400px;
		position: relative;
		background-color: $primary;
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
		border-radius: $border-radius;
		margin-bottom: 5rem;
		color: white;
		text-align: center;

		&::before {
			content: '';
			position:  absolute;
			top: 0;
			bottom: 0;
			left: -1rem;
			right: -1rem;
			background-color: $primary;
			z-index: -1;
			@include blockshadows;

			@include media-breakpoint-up(sm) {
				left: -2.5rem;
				right: -2.5rem;
			}
		}

		&-white {
			background-color: white;
			color: $primary;

			&::before {
				background-color: white;
			}
		}

		h1 {
			color: inherit;
			margin-bottom: 2rem;
		}

		.btn {
			margin: .5rem;
		}

		body.company & {
			background-color: $secondary;

			&::before {
				background-color: $secondary;
			}

			&-white {
				color: $secondary;
			}
		}
	}

	&--map {
		margin-top: -200px;
		position: relative;
		background-color: transparent;
		padding-bottom: 2.5rem;

		svg {
			a {
				fill: $primary;
				transition: fill .2s;
				outline: 0 !important;

				path {
					stroke: #fff;
				}

				&.active,
				&:hover {
					fill: $secondary;
				}
			}
		}
	}

	&--head {
		margin-bottom: 2.5rem;

		&-title {
			display: inline-flex;
			align-items: center;

			h2 {
				margin-bottom: 0;
			}
		}
	}

	&--content {
		margin-bottom: 4rem;

		&:last-child {
			margin-bottom: 0;
		}
	}

	&--intro {
		.intro--item {
			position: relative;
			display: block;

			span {
				position: absolute;
				left: 0;
				bottom: 0;
				display: inline-flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: 5rem;
				padding: 1.25rem 1.25rem 1.25rem 2.5rem;

				@include rfs(1.25rem);
				color: white;
				background-color: $primary;
				line-height: 1.2;

				@include media-breakpoint-up(lg) {
					width: 50%;
				}

				&.-company {
					background-color: $secondary;
				}

				svg {
					flex: 0 0 auto;
					margin-left: 1rem;
				}
			}
		}

		.intro--header {
			text-align: center;
			margin-bottom: 4rem;
		}
	}

	&--process {
		margin-bottom: 1.6rem;

		.process-holder {

			.process-title {
				min-height: 100px;
				background-color: $secondary;
				color: $white;
				font-weight: 600;
				border:4px solid $white;
				border-radius: 10px;
				box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
				width: 100%;
				padding:10px;
				float: left;

				@include media-breakpoint-up(lg) {
					width: 68%;
				}
			}

			.process-content {
				min-height: 76px;
				background-color: $white;
				border:4px solid $secondary;
				border-radius: 10px;
				width: 80%;
				margin-left: 10%;
				margin-right: 10%;
				margin-top: -50px;
				padding:10px;
				float: left;

				@include media-breakpoint-up(lg) {
					width: 72%;
					margin-left: 14%;
					margin-right: 14%;
					min-height: 140px;
					margin-top: -30px;
				}
			}

			.process-arrow {
				width: 100%;
				text-align: center;
				margin-top: 12px;
				margin-bottom: 12px;
				float: left;

				img {
					width:46px;
					height:46px;
				}

				@include media-breakpoint-up(lg) {
					width: 32%;
					text-align: right;
				}
			}
		}
	}
}