/*
	(c)2017 - visuallizard.com

	General styles.
	Template, view, plugin and element specific, etc.
*/


.pull-out {
	margin-left: -2rem;
	margin-right: -2rem;
}
	.pull-out .fluid-width-video-wrapper {
		border: 1px solid #E82C16;
		background-color: #eee;
	}



.c2.c-first {
	width: 45%;
}
.c2.c-last {
	width: 52%;
	margin-left: 3%;
}

.p-metis-rising .c2.c-first { width: 30%; }
.p-metis-rising .c2.c-last  { width: 67%; border-bottom: 4px solid #0D6EB026; margin-bottom: 2rem; }


.t-dark {
	background-color: var(--color-4);
	color: var(--color-2);
}


.home-photo {
	max-width: 100%;
	height: auto;
}
.home-photo + .home-photo {
	display: block;
	margin-top: -4rem;
	position: relative;
	z-index: 0;
}
.home-photo:first-of-type {
	z-index: 1;
	position: relative;
	margin-top: -8rem;
}
.home-photo:last-of-type {
	margin: 0 auto;
}

/* checklist */
.section-checklist {
	padding: 4rem 0 16rem;
	background: #0E5EA826 url('/img/batoche.jpg') center bottom no-repeat;
	background-size: contain;
}
	.checklist-intro {
		max-width: 900px;
		margin: auto;
		color: var(--color-3);
	}
	.checklist-intro .text-svg {
		max-width: 700px;
	}
	.checklist {
		max-width: 900px;
		margin: 2rem auto;
		padding: 2rem 4rem;
		text-align: left;
		background-color: #fff;
		border-radius: .5rem;
	}
    .checklist:empty {
        opacity: 0;
    }
		.checklist h2 {
			text-align: center;
			font-size: 2rem;
			border-bottom: 4px solid #DDE8F3;
			padding-bottom: 1rem;
		}

.marked li {
	position: relative;
	list-style: none;
	padding-left: 3em;
	text-align: left;
}
.marked li::before {
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/img/checkmark.svg);
	background-size: contain;
	width: 2em;
	height: 2em;

	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
	.marked li {
		padding: 0;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.marked li::before {
		content: '';
		display: block;
		position: relative;
		background-repeat: no-repeat;
		background-image: url(/img/checkmark.svg);
		background-size: contain;
		width: 2em;
		height: 2em;
		text-align: center;
		margin: auto;
	}
}

/* Home Section Rising  */
.section-rising {
	background-color: var(--color-4);
	color: #fff;
	padding: 4rem 0 2rem;
}
	.rising-container {
		max-width: 1200px;
	}
	.rising-container .special {
		border-bottom: 1px solid hsla(0, 100%, 100%, .5);
		padding-bottom: 1rem;
		margin-bottom: 3rem;
	}
		.rising-container .glen-2 {
			max-width: 300px;
			margin-top: -320px;
		}
		.rising-container .special .text-svg {
			max-width: 450px;
		}
		.rising-container  > .c-first {
			width: 35%;
		}
		.rising-container  > .c-last {
			width: 60%;
			margin-left: 5%;
		}
	.rising-panel {
        display: none;
		background-color: #2276C4;
		padding: 2rem;
		border-radius: .5rem;
	}
	.rising-panel h3 {
		border-bottom: 1px solid hsla(0, 100%, 100%, .5);
		padding-bottom: 1rem;
	}





/* ! Services */
.promise-items {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-bottom: 3rem;
}
	.promise-items-header {
		width: 100%;
		background-color: var(--color-4);
		display: flex;
	}
		.promise-items-header > * {
			font-size: 22px;
			font-weight: 900;
			letter-spacing: 0.02em;
			text-transform: uppercase;
			color: #fff;
			width: 45%;
			padding: 1rem 3%;
			margin: 0;
		}
		.promise-items-header :last-child {
			background-color: var(--color-1);
			flex-grow: 1;
		}

	.promise-item {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		/* margin-bottom: 4px; */
		position: relative;
	}
		.promise-head,
		.promise-desc {
			padding: 3%;
			font-size: 110%;
		}
		.promise-head {
			width: 45%;
			border-bottom: 4px solid #fff;
			background: #0D6EB026;
		}
		.promise-desc {
			width: 55%;
			border-bottom: 4px solid #0D6EB026;
		}
		.promise-item:last-child .promise-desc {
			border-bottom: none;
		}

		.promise-title {
			font-weight: 600;
		}

	@media only screen and (max-width: 800px) {
		.promise-item {
			flex-direction: column;
		}
		.promise-head,
		.promise-desc {
			width: unset;
		}
	}