/* Colors 
	
	#f9ec1f		yellow	[nav active, ]
	#fcb414		orange	[checkmarks]
	#1c2b39		navy	[preFooter]
	#8a929d		gray	[logo]
	#00a29c		teal	[links]
	#000013		black	[text]
*/

@font-face {
	font-family: 'Majesti Banner';
	src: url('../fonts/majesti-banner-bolditalic-webfont.eot');
	src: url('../fonts/majesti-banner-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/majesti-banner-bolditalic-webfont.woff2') format('woff2'),
		 url('../fonts/majesti-banner-bolditalic-webfont.woff') format('woff'),
		 url('../fonts/majesti-banner-bolditalic-webfont.ttf') format('truetype'),
		 url('../fonts/majesti-banner-bolditalic-webfont.svg#majesti_bannerbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {

}
body {
	margin: 0;
	font: normal 16px/1.25 'Ubuntu', sans-serif;
	position: relative;
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: transparent;
	
/* 	will-change: all; */

	z-index: 2000; /* used for breakpoint value */
}
	.container {
		max-width: 1080px;
		width: auto;
	}
	.container.narrow {
		max-width: 960px;
	}

	a {
		color: #00a29c;
	}
	a:hover {
		color: #fcb414;
	}
	
	hr {
		border-color: #999;
	}
	
	h3 {
		font: bold 20px/1.2 'Roboto Condensed', sans-serif;
		color: #00a29c;
		text-transform: uppercase;
		margin-bottom: .75em;
	}
	* {outline: none;}
	
	/* ! Statement Quote */
	.statement {
		font: normal 26px/1.25 'Ubuntu', sans-serif;
		font-style: italic;
		text-align: center;
		padding: 0 10%;
		margin: 2em auto;
	}
		.statement.white {
			color: #fff;
		}
	
	.pullquote {
		font: normal 1.85em/1.2 'Majesti Banner', serif;
		color: #00a29c;
		margin: 1em 0 2em;
	}
	blockquote {
		font: bold 4.625em/1.1 'Roboto Condensed', sans-serif;
		color: #00a29c;
		padding: 0;
		margin: 1em auto;
		border: none;
	}
	
	ul.checked,
	.news-single ul {
		padding-left: 0;
	}
	ul.checked li,
	.news-single ul li {
		list-style: none;
		margin-bottom: 1em;
		margin-left: 1.25em;
	}
	ul.checked li:before,
	.news-single ul li:before {
		content: '\f046';
		font-family:'FontAwesome';
		color: #fcb414;
		margin-right: .25em;
		margin-left: -1.25em;
	}
	
	.h-list {
		list-style: none;
		padding-left: 0;
		font-weight: bold;
		font-size: .75em;
		line-height: 1;
		text-transform: uppercase;
	}
	.h-list > li {
		display: inline-block;
		padding: 0 .5em;
	}
	.h-list > li + li {
		border-left: 2px solid #fcb414;
	}
	.h-list > li > a {
		padding: .5em 0;
	}
	
	.share {
		list-style: none;
		padding-left: 0;
	}
	.share > li {
		display: inline-block;
	}
	.share > li span {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	ul.share > li:before {
		content: '';
	}
	.share > li > a {
		display: block;
	}

.bg {
/* 	consider remving */
	
	position: absolute;
	display: none;
	top: 0;
	width: 100%;
	min-height: 250vh;
}
	.tmpl-index, .tmpl-accueil { background-image: url(../i/grid.svg), url(../i/bg-nebula.jpg); background-repeat: repeat, no-repeat; background-size: 3800px auto;}
	.tmpl-services, .tmpl-ce-que-nous-faisons { background-image: url(../i/bg-services.jpg);  background-size: 3800px auto;}
	.tmpl-about-us, .tmpl-a-propos-de-nous { background-image: url(../i/bg-about.jpg);  background-size: 3800px auto;}
	.tmpl-work, .tmpl-notre-travail { background-image: url(../i/bg-work.jpg);  background-size: 3800px auto;}
	.bg-solutions-vogo { background-image: url(../i/bg-solutions-vogo.jpg); background-color: #003d45;  background-size: 3800px auto;}
	.bg-solutions-comic { background-image: url(../i/bg-solutions-comic.jpg); background-color: #763b97;}
	.tmpl-news, .tmpl-nouvelles { background-image: url(../i/bg-news.jpg); background-size: 3800px auto;}
	.tmpl-news-electra-sign, .tmpl-nouvelles-electra-sign, .tmpl-news-new-look, .tmpl-nouvelles-new-look, .tmpl-news-red-river, .tmpl-nouvelles-red-river { background-color: #122031;  }
	.tmpl-contact { background-image: url(../i/bg-contact.jpg); background-size: 3800px auto;}
	.tmpl-get-started, .tmpl-demarrer { background-image: url(../i/bg-space.jpg); background-color: #000013; background-size: 3800px auto;}
	.tmpl-thank-you, .tmpl-merci { background-image: url(../i/bg-space.jpg); background-color: #000013; background-size: 3800px auto;}

.banner-beginScroll {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin: 1em auto 1em;
	background: url(../i/scroll-lines.svg) center top no-repeat transparent;
	background-size: 100% auto;
	padding-top: 28%;
}
.banner-beginScroll-fr {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	margin: 1em auto 1em;
	background: url(../i/scroll-lines-fr.svg) center top no-repeat transparent;
	background-size: 100% auto;
	padding-top: 28%;
}
	
.site-header {
	position: relative;
	color: #fff;
	min-height: 200px;
	
	transition: all 1s;
}
		/* 	menu  mode */
/*
		.menu-mode .site-header {
			position: fixed;
			top: 0;
			right: 0;
			width: 400px;
			min-height: 100vh;
			background: #00a29c;
			color: #1c2b39;
			padding: 2.5em;
			transform: translateX(100%);
			transition: opacity 0s;
			opacity: 0;
		}
		.menu-mode .site-header.on {
			transform: translateX(-100%);
			opacity: 1;
		}
*/
	.navbar {
		z-index: 8;
	}
	.navbar > .container-fluid .navbar-brand {
		display: inline-block;
		width: 144px;
		height: 30px;
		background: center center no-repeat transparent url(../i/logo-avenue4-white.svg);
		background-size: contain;
		text-indent: -100%;
		overflow: hidden;
		margin: 40px 20px 20px;
	}
	.header-lang {
		display: inline-block;
		margin-top: 50px;
		color: #fff;
		font-weight: bold;
	}
	
	/* ! Main Nav */
	.navbar-nav {
		margin-right: 100px;
		margin-top: 35px;
	}
	.navbar-nav > li {
		margin-left: .25em;
	}
	.navbar-nav > li > a {
		color: #fff;
		font-size: 0.938em;
		font-weight: 700;
		text-transform: uppercase;
		padding: .5em 1em;
		border: 1px solid transparent;
		transition: all .3s;
	}
	
	.navbar-nav > li.active > a,
	.navbar-nav > li:hover > a {
		background: none;
		border-color: #f9ec1f;
	}
	.navbar-nav > li:last-child > a {
		text-transform: none;
		color: #f9ec1f;
		border-color: currentColor;
		font-family: 'Majesti Banner', serif;
		font-size: 16px;
		
		margin-left: 1em;
		padding-left: 2em;
		padding-right: 2em;
	}
	.navbar-nav > li:last-child:hover > a {
		color: #fff;
	}

	.menu-mode .site-header {
		opacity: 0;
		min-height: 50px;
	}
	.menu-mode .site-header.menu {
/* 		opacity: 1; */
	}
	
	
	
	/* 	Fly Menu  */
	.menu {
		position: fixed;
		top: 0;
		right: 0;
		background: yellow;
		padding: 1em 6em 1em 2em;
		z-index: 10;
		
		color: #1c2b39;
		min-height: 100vh;
		opacity: 0;
		
		transition: all .2s;
		transform: translateX(100%);
	}
	.nav-toggle.active + .menu {
		opacity: 1;
		transform: translateX(0);
	}
	.menu-header {
		border-bottom: 1px solid #000013;
	}
	.menu-brand {
		display: inline-block;
		width: 144px;
		height: 30px;
		background: center center no-repeat transparent url(../i/logo-avenue4-black.svg);
		background-size: contain;
		text-indent: -100%;
		overflow: hidden;
		margin: 15px 0;
	}
	
	.menu-list {
		margin: .75em 0;
		padding-left: 0;
		list-style: none;
		font: bold 2.125em/1.1 'Roboto Condensed', sans-serif;
		min-width: 230px;
	}
	.menu-list > li {
		border-top: 1px solid #1c2b39;
	}
	.menu-list > li:first-child, 
	.menu-list > li:last-child {
		border: none;
	}
	.menu-list > li > a {
		display: block;
		text-transform: uppercase;
		text-decoration: none;
		color: inherit;
		padding: .5em 0;
		transition: color .2s;
	}
	.menu-list > li:hover > a { color: #00a29c; }
	
	.menu-list > li.active > a { color: #00a29c; }
	
	.menu-list > li:last-child a {
		padding-left: .5em;
		padding-right: .5em;
		background-color: #00a29c;
		color: #fff;
	}
	.menu-list > li:last-child:hover a {
		color: #1c2b39;
	}
	
	.menu-lang {
		display: block;
		font: bold 3.125em/1.1 'Roboto Condensed', sans-serif;
		text-transform: capitalize;
		text-decoration: none;
		padding-left: 0;
		color: inherit;
		transition: color .2s;
	}
	.menu-lang:hover {
		color: #00a29c;
		text-decoration: none;
	}
	
	/* 	Nav Toggle button */
	.nav-toggle,
	.mini-logo {
		position: fixed;
		top: 10px;
		right: 0;
		display: block;
		border: 0;
		background: #010013;
		color: #00a29c;
		font-size: 2.5em;
		appearance: none;
		vertical-align: top;
		width: 94px;
		height: 70px;
		padding: 10px 10px 10px 10px;
		transition: all .2s ease-in;
		-webkit-tap-highlight-color:rgba(0,0,0,0); 
		overflow: hidden;
		transform-origin: center;
		cursor: pointer;
		opacity: 0;
	}
		.nav-toggle {
			pointer-events: none;
			z-index: 11;
		}
		.mini-logo {
			right: auto;
			left: 0;
			padding: 10px 25px;
			z-index: 9;
		}
	.js .menu-mode .nav-toggle,
	.js .menu-mode .mini-logo {
/* 		transition-delay: 1s; */
		opacity: 1;
		pointer-events: all;
		outline: none;
	}
	.js .menu-mode .nav-toggle:hover {
		background: #00a29c;
		color: #010013;
	}
	.js .menu-mode .mini-logo:hover {
		background: #00a29c;
	}
	
	.js .nav-toggle.active,
	.js .nav-toggle.active:hover {
		pointer-events: all;
		background: transparent;
		opacity: 1;
	}
	
	
	.mini-logo img {
		display: block;
		width: 100%;
		height: 100%;
	}

/* Banner */
.banner {
	color: #fff;
	margin-bottom: 4em;
	min-height: 64vh;
}
	.banner-message {
		position: relative;
		font-size: 1.500em;
		z-index: 1;
		opacity: 1;
		transition: all 1s;
		top: 0;
	}
	.banner-title > i {	
		display: block;
		padding: 0 0 .75em 0;
		margin-bottom: .75em;
		border-bottom: 1px solid currentColor;
		font: normal 40px/1 'Majesti Banner', serif;
	}
	.banner-title > strong {
		display: block;
		font: bold 114px/.85 'Roboto Condensed', sans-serif;
		letter-spacing: -.03em;
		text-transform: uppercase;
		line-height: 1em;
	}
	.banner-message p { max-width: 76%; }
	
	.banner-message .more a {
		margin: 1.5em 0;
		color: inherit;
		font-size: 16px;
	}
	.banner-message .more .fa {
		color: #fcb414;
	}
	.banner-message .attention {
		margin: 1.5em 0;
		color: inherit;
		font-size: 16px;
		font-family: 'Roboto Condensed', sans-serif;
		text-transform: uppercase;
		color: #00a29c;
	}

	.banner-message.banner-off {
		position: absolute;
		opacity: 0;
		z-index: 0;
	}


/* ! Services Nav */
.leftNav {
	position: absolute;
	top: 150px;
	left: 0;
	z-index: 1;
}
	.leftNav-services {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.leftNav-services > li,
	.leftNav-services:hover > li.active {
		position: relative;
		display: block;
		width: 100px;
		height: 100px;
		font-size: 12px;
		cursor: pointer;
		transition: all .3s;
		overflow: hidden;
	}
	.leftNav-services > li:before {
		content: attr(data-index);
		display: block;
		position: absolute;
		left: -3px;
		bottom: -8px;
		font-size: 400%;
		font-weight: 800;
		line-height: 1;
		color: rgba(0,0,0,.1);
	}
	.leftNav-services button {
		display: block;
		appearance: none;
		border: none;
		background: none;
		width: 100%;
		height: 100%;
		padding: 0;
		line-height: 1;
		
	}
	.leftNav-services b {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: bold;
		font-size: 1em;
		text-align: right;
		padding: 1em;
	}
	.leftNav-services li:hover,
	.leftNav-services li.active,
	.leftNav-services:hover > li:hover {
		width: 168px;
		height: 168px;
		z-index: 10;
		box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.15);
		font-size: 20px;
	}
	.leftNav-services > li:after {
		content: '';
		display: block;
		position: absolute;
		left: 0; right: 0;
		top: 0; bottom: 0;
		transition: all .2s;
		background-image: linear-gradient(to right, rgba(0,0,0,.1), rgba(0,0,0,0) );
		z-index: 0;
		opacity: 0;
	}
	.leftNav-services li:hover:after {
		opacity: 1;
	}
	
	.leftNav-services > li:nth-child(1) { background-color: #1c2b39; color: #fff; }
	.leftNav-services > li:nth-child(2) { background-color: #00a29c; color: #fff; }
	.leftNav-services > li:nth-child(3) { background-color: #f9ec1f; }
	.leftNav-services > li:nth-child(4) { background-color: #8a929d; color: #fff; }
	.leftNav-services > li:nth-child(5) { background-color: #fcb414; }
	
	.leftNav-services > li:nth-child(2):before { color: rgba(35,31,32,.2); }
	.leftNav-services > li:nth-child(3):before { color: rgba(243,181,21,.5); }
	.leftNav-services > li:nth-child(4):before { color: rgba(28,53,27,.2); }
	.leftNav-services > li:nth-child(5):before { color: rgba(249,237,32,.5); }
	
	
.rightNav {
	position: fixed;
	top: 120px;
	right: 0;
	z-index: 12;
}
	.rightNav-social {
		list-style: none;
		padding: 0;
		margin: 0;
		color: #999;
	}
	.rightNav-social li {
		margin: 0 0 0 0;
		padding: .5em 2.5em .5em 0;
		border-bottom: 1px solid currentcolor;
	}
	.rightNav-social li:last-child {
		border: none;
	}
	.rightNav-social a {
		color: inherit;
		transition: color .2s;
	}
	.rightNav-social i {
		font-size: 2em;
	}
	.rightNav-social a:hover {
		color: #f9ec1f;
	}

/* ! Footer */
.preFooter {
	position: relative;
	width: 100%;
	left: 100%;
	bottom: 0;
	margin:  0;
	padding: 1.5em 0;
	background: #1c2b39;
	color: #fff;
	font: normal 13px/1.4 'Ubuntu', sans-serif;
	transition: all .5s ease-in-out;
	z-index: 10;
}
	.js .preFooter {
		position: fixed;
		left: 100%;
		opacity: 0;
	}
	.js .preFooter.active {
/* 		left: 0; */
		opacity: 1;
		transform: translateX(-100%);
	}
	.address {
		position: relative;
		margin: 0;
	}
	.address > * {
		margin: 0;
	}
	.address .fa {
		display: block;
		position: absolute;
		top: 0;
		left: -1.25em;
		font-size: 3em;
	}
	.address a {color: #fff;}
	.address-content {font-size: 0.875em;}
	.address .sep {
		/* separator */
		font-weight: 100;
		padding: 0 .25em;
		font-style: normal;
		color: #fcb414;
	}
	.address-heading {
		font-weight: bold;
		text-transform: uppercase;
		color: #00a29c;
	}
	.address-tel {
		font-weight: bold;
		font-size: 22px;
		color: #fcb414;
	}
	.preFooter-toggle {
		display: block;
		position: absolute;
		right: 7%;
		top: 50%;
		margin-top: -.75em;
		font-size: 3em;
		width: 2em;
		color: orange;
		background: none;
		border: none;
		-webkit-appearance: normal;
		   -moz-appearance: normal;
		        appearance: normal;
	}
	.preFooter-toggle:hover {
		color: #fff;
	}

.footer {
	position: relative;
	background: #f9ec1f;
/* 	background: repeating-linear-gradient(-45deg, #fcb414, #fcb414 1px, #f9ec1f 1px, #f9ec1f 8px); */
	background: url(../i/stripes-orange.svg) left top repeat #f9ec1f;
	background-size: 100px auto;
	padding: 1.5em 0 .5em;
	
	font-size: 11px;
	color: #000013;
}
	.footer-logo {
		display: block;
		width: 100px;
		height: 22px;
		margin-bottom: .5em;
		background: url(../i/logo-avenu4-teal.svg) center center no-repeat transparent;
		overflow: hidden;
		text-indent: -200%;
	}

.makeChangeMatter {
	display: block;
	width: 50px;
	height: 65px;
	height: 175px;
	position: fixed;
	right: 20px;
	bottom: -115px;
	background: url(../i/moto-tall.svg) center top no-repeat transparent;
	z-index: 11;
	outline: none;
	
	border: none;
	transition: all .3s ease-in-out;
	-webkit-appearance: normal;
	   -moz-appearance: normal;
	        appearance: normal;
}
	.makeChangeMatter:hover {
		transform: translateY(-5px);
	}
	.makeChangeMatter.active {
		bottom: -5px;
	}
	.makeChangeMatter.active:hover {
		transform: translateY(5px);
	}



.makeChangeMatter-fr {
	display: block;
	width: 50px;
	height: 65px;
	height: 175px;
	position: fixed;
	right: 20px;
	bottom: -115px;
	background: url(../i/moto-tall-fr.svg) center top no-repeat transparent;
	z-index: 11;
	outline: none;

	border: none;
	transition: all .3s ease-in-out;
	-webkit-appearance: normal;
	   -moz-appearance: normal;
	        appearance: normal;
}
	.makeChangeMatter-fr:hover {
		transform: translateY(-5px);
	}
	.makeChangeMatter-fr.active {
		bottom: -5px;
	}
	.makeChangeMatter-fr.active:hover {
		transform: translateY(5px);
	}






	
	/* vertical line */
	.makeChangeMatter:before {
		content: '';
		display: block;
		position: absolute;
		left: -25px;
		bottom: 0;
		width: 1px;
		height: 120vh;
		background-color: #fff;
		transition: opacity 2s ease-in-out;
	}
	.menu-mode .makeChangeMatter:before {
		opacity: 0;
	}



/* ! News Cards */

.tmpl-index .news-items:before,
.tmpl-index .news-items:after,
.tmpl-accueil .news-items:before,
.tmpl-accueil .news-items:after {
	position: relative;
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-top: 1em;
	margin: 2em auto 1em;
	background-size: 100% auto;
}
	.tmpl-index .news-items:before {
		background: url(../i/scroll-lines.svg) center top no-repeat transparent;
		background-size: 100% auto;
		padding-top: 30%;
		margin: 0;
	}
	
	.tmpl-accueil .news-items:before {
		background: url(../i/scroll-lines-fr.svg) center top no-repeat transparent;
		background-size: 100% auto;
		padding-top: 30%;
		margin: 0;
	}
	
	.tmpl-index .news-items:after {
		background: url(../i/line-bottom.svg) center bottom no-repeat transparent;
		background-size: 100% auto;
		padding-top: 24%;
		margin: 1em auto 2em;
	}
	
	.tmpl-accueil .news-items:after {
		background: url(../i/line-bottom.svg) center bottom no-repeat transparent;
		background-size: 100% auto;
		padding-top: 24%;
		margin: 1em auto 2em;
	}

.news-item {
	background: #fff;
	padding: 2em;
	margin: 0em auto 1em;
	max-width: 400px;
	height: 507px;
	box-shadow: 0 0 5px 3px rgba(0,0,0, .1);
}
	.news-item-fig {
		display: block;
		margin: -2em -2em 2em;
	}
	.news-item-img {
		display: block;
		width: 100%;
		height: 150px;
		height: auto;
	}
	.news-item-title {
		font: normal 28px/.85 'Majesti Banner', serif;
		margin: 0 0 .5em 0;
	}
	.news-item-subtitle {
		font: bold 16px/1 'Roboto Condensed', sans-serif;
		text-transform: uppercase;
		margin: 0 0 .25em 0;
		color: #00a29c;
	}
	.news-item-author {
		font-size: 12px;
		color: #fcb414;
	}
	.news-item-brief {
		font-size: 12px;
		line-height: 1.5;
		margin: 1em 0 2em;
		border-top: 1px solid #999;
		padding-top: 1em;
	}
	.news-item > :last-child {
		margin-bottom: 0;
	}

	.slick-dots {
		display: block;
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
		text-align: center;
	}
		.slick-dots > li {
			display: inline-block;
			vertical-align: middle;
			margin: 0 .25em;
			line-height: 1;
		}
		.slick-dots li button {
			border-radius: 100%;
			text-indent: -200%;
			overflow: hidden;
			width: 10px;
			height: 10px;
			background: #fff;
			padding: 0;
			border: 1px solid #000013;
			cursor: pointer;
			font-size: 6px;
			line-height: 1;
		}
		.slick-dots li.slick-active button,
		.slick-dots li:hover button {
			background: #000013;
		}


.more a {
	display: inline-block;
	color: #00a29c;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
.more a:hover {
	color: #fcb414;
}
.more .fa {
	font-size: 2.5em;
	vertical-align: baseline;
	margin-right: .25em;
}

.button {
	display: inline-block;
	padding: .75em 1.5em;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	    touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	background-image: none;
	background-color: #fcb414;
	color: #000013;
	border: 1px solid transparent;
	border-radius: 0;
	transition: all .2s;
	
}
	.button:hover,
	.button.button-secondary:hover {
		background-color: #00a29c;
	}
.button.button-secondary {
	background-color: #8a929d;
}


/* ! Logos */
.logo {
	
}
.logo > img {
	display: block;
	background: #8a929d;
	color: #fff;
	width: 100%;
	height: auto;
	max-width: 200px;
	max-height: auto;
	margin: 1em auto;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}

/* ! Action Block */
.call-to-action {
	position: relative;
	background: #fff;
	max-width: 80%;
	margin: 2em auto -2em;
	padding: 1em 2em 2em;
	text-align: center;
}
	.call-to-action h2 {
		font: normal 2.45em/1 'Majesti Banner', serif;
	}
	.call-to-action a.button {
		width: 17em;
		position: absolute;
		bottom: -1.5em;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	
.call-to-action.floating {
	margin: 1em auto 20em;
	max-width: 65%;
}
.call-to-action.teal {
	background: url(../i/stripes-teal.svg) left top repeat #00a29c;
	background-size: 100px auto;
	color: #fff;
}

.section-header,
.section-footer {
	padding: 5em 0 0;
	color: #fff;
	background-color: #1d2b38;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 25px, #263542 25px, #263542 50px);
	text-align: center;
}
	.section-header h2 {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
		font-weight: normal;
		font-size: 26px;
		font-style: italic;
	}
	.section-header p {
		max-width: 700px;
		margin: 0 auto 1em;
	}
		.tmpl-about-us .section-header p { margin: 0 auto 4em; }
	
	.section-header .fa-angle-double-down {
		display: block;
		margin: .75em 0 0;
		font-size: 1.5em;
	}
.section-footer {
	min-height: 15em;
}

.favourites {
	background: url(../i/bg-office-scene.jpg) center bottom no-repeat #fff;
	/*background-size: 100% auto;*/
	min-height: 80vh;
}
	.favourites-items:before,
	.favourites-items:after {
		content: '';
		display: block;
		width: 100%;
		height: 0;
		padding-top: 1em;
		margin: 2em auto 1em;
		background-size: 100% auto;
	}
	.favourites-items:before {
		background: url(../i/line-top.svg) center top no-repeat transparent;
		background-size: 100% auto;
	}
	.favourites-items:after {
		background: url(../i/line-bottom.svg) center bottom no-repeat transparent;
		background-size: 100% auto;
		padding-top: 24%;
		margin: 1em auto 2em;
	}

.favourite-item-fig {
	display: block;
	position: relative;
	margin: 0 auto 1em;
	box-shadow: 0 3px 4px 2px rgba(0,0,0,.175);
	
	max-width: 400px;
}
	.favourite-item-img {
		width: 100%;
		height: auto;
	}
	.favourite-item-caption {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		padding: 1.5em;
		width: 100%;
		background: rgba(27,42,57,.3);
	}
	.favourite-item-logo {
		display: block;
		margin: 0 auto;
	}


/* ! WHAT WE DO ****/

/* ! Services */
.services {
	background: url(../i/bg-office-scene.jpg) center bottom no-repeat #fff;
	/*background-size: 100% auto;*/
}

.services-toggles {
	list-style: none;
	padding: 0;
	margin: 2em auto;
	text-align: center;
}
	.services-toggles > li {
		display: inline-block;
		margin: 1em;
	}
	.services-toggles button {
		background: #fff;
		
		padding: .75em 2em .7em;
		width: 100%;
		color: #00a29c;
		text-transform: uppercase;
		line-height: 1;
		font-size: 16px;
		font-weight: bold;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		border: 1px solid currentColor;
		transition: background .2s;
	}
	.services-toggles button:hover,
	.services-toggles button.toggle-on {
		background-color: #fcdb39;
	}
	
	.service-items {
		position: relative;
	} 
	.service-item {
		display: block;
		width: 28%;
		float: left;
		margin: 2.5% 2.5%;
		
		transition: all 1s;
	}
	.service-item.inactive {
		display: none;
	}
	.service-item.fourth-item {
		clear: left;
	}
		.subService {
			display: block;
			position: relative;
			background: #fff;
			background-image: linear-gradient(to top left, rgba(0,0,0,.1) 0%, transparent 80%);
			margin: 0;
			height: 0;
			padding-top: 100%;
			box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
			cursor: pointer;
			transition: all .2s;
		}
		.service-item.active .subService,
		.service-item:hover .subService {
			background-color: #f9ec1f;
			transform: scale(1.1);
		}
			.service-icon {
				display: block;
				position: absolute;
				left: 50%; top: 50%;
				margin-left: -25%;
				margin-top: -30%;
				width: 50%;
				height: 50%;
			}
			.subService figcaption {
				position: absolute;
				bottom: 1em;
				left: 0;
				right: 0;
				text-align: center;
				display: block;
				font: bold 20px/.85 'Roboto Condensed', sans-serif;
			}
			.subService figcaption span {
				display: block;
				max-width: 10em;
				margin: 0 auto .5em;
				text-align: center;
			}
			.subService .fa {
				display: block;
				color: #00a29c;
			}
	
	/* ! SubService Details */
	.subServiceDetails {
		display: flex;
		flex-direction: row;
		
		position: absolute;
		left: 0;
		width: 100%;
		
		margin: 2em 0 1em;
		padding: 1em;
		background: rgba(255,255,255,.7);
		
		opacity: 0;
/* 		max-height: 0; */
		transition: all .2s;
		pointer-events: none;
	}
		.service-item.active .subServiceDetails {
			opacity: 1;
			pointer-events: auto;
/* 			max-height: 9999px; */
		}
	
		.subServiceDetails-copy {
			width: 33.33%;
			padding: 2em 2em 0 2em;
		}
		
		.subServiceDetails-work {
			width: 66.66%;
			position: relative;
		}
			.subServiceDetails-fig {
				box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
			}
			.subServiceDetails-fig figcaption {
				position: relative;
				display: block;
				padding: 2em 2em 2em;
				font-size: 12px;
				background-color: #fff;
			}
				.subServiceDetails-fig figcaption .more {
					float: right;
					margin-top: -1em;
					margin-right: -1.5em;
				}
			.subServiceDetails-img {
				display: block;
				width: 100%;
				height: auto;
			}
			.subServiceDetails-title {
				position: absolute;
				top: 5%;
				left: 5%;
				z-index: 1;
				margin: 0;
/* 				transform: translateY(-75%); */
			}
			.subServiceDetails-title span {
				display: inline;
				padding: 0.1em .25em 0;
				color: #fff;
				background-color: #00a29c;
				box-decoration-break: clone;
				line-height: 1.5;
				
				font: normal 20px/1.75 'Majesti Banner', serif;
			}




/* Show All button */
.service-item-reset {
	display: block;
	position: relative;
	float: left;
	
	margin: 4% 4%;
	width: 25%;
	height: 25%;
/* 	height: 0; */
/* 	padding-top: 100%; */
	box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
	cursor: pointer;
	transition: background .2s;
}
	.service-item-reset figure {
		margin: 0;
		background-color: #f9ec1f;
		background-image: linear-gradient(to right, #f9ec1f 0%, #fcb414 100%);
		transition: all .2s;
	}
	.service-item-reset:hover figure {
		background: #fcb414;
	}
	.service-item-reset figcaption {
		font: normal 30px/1 'Majesti Banner', serif;
		top: 50%;
		bottom: auto;
		margin-top: -.5em;
	}
	
	
.service-item-reset.reset-off {
	display: none;
}



/* Contacts */
.contacts {
	color: #fff;
	position: relative;
	margin-bottom: 4em;
}
	.contacts-wrap:before {
		position: relative;
		content: '';
		display: block;
		width: 100%;
		width: calc(100% - 30px);
		height: 0;
		padding-top: 28%;
		margin: 2em auto 0;
		background: url(../i/scroll-lines.svg) center top no-repeat transparent;
		background-size: 100% auto;
	}


.location .heading {
	background-color: #00a29c;
	padding: .6em .75em .5em;
	font: normal 26px/1 'Majesti Banner', serif;
}
	.location.careers .heading {
		background-color: #fcb414;
	}
.location .subheading {
	font: bold 16px/1.3 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding: .5em 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}
.location .highlight {
	font-size: .85em;
}
	.location.office .highlight {
		color: #00a29c;
	}
	.location.careers .highlight {
		color: #fcb414;
	}
	.location .highlight a {
		color: #fff;
	}

/* Maps */
.map {
	position: relative;
	width: 100%;
	height: 400px;
	margin-bottom: 2em;
}
	.map:after {
		content: 'Winnipeg';
		position: absolute;
		left: 5%;
		top: 15%;
		background: teal;
		color: #fff;
		padding: .25em;
		display: inline-block;
		z-index: 10;
		font: normal 50px/.75 'Majesti Banner', serif;
	}
	.map-mtl:after {
		content: 'Montréal';
	}
.maps + .readyToMakeChange {
/* 	margin-bottom: 2em; */
}


/* FAQs */
.faqs {
	margin: 0 auto;
	padding: 6em 0 4em;
	background-color: #1ab1ab;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 25px, #17a39c 25px, #17a39c 50px);
	color: #fff;
}
	.faqs .section-header {
		background: none;
		padding-top: 1em;
	}
	
	.faqs-question {
		color: #000013;
	}
	.faqs-question h3 {
		color: inherit;
	}
	.faqs-question h3 + p > strong {
		text-transform: uppercase;
	}
	.faqs-question a {
		color: #fff;
	}

.extraContact {
	background-color: #1d2b38;
	color: #fff;
	padding: 2em;
	
	background-image: linear-gradient(to right, transparent 0%, transparent 49.9%, #fff 50%, transparent 50.1%, transparent 100%);
}
	.extraContact h3 {
		font-size: 32px;
	}
	.extraContact ul {
		list-style: none;
		padding-left: 0;
	}
	.extraContact a {
		color: #00a29c;
		text-decoration: underline;
	}
	.extraContact a:hover {
		color: #fff;
	}
	.extraContact .button {
		min-width: 60%;
		margin: 1em 0 0;
		text-decoration: none;
		color: #000013;
	}
	.extraContactQuestions,
	.extraContactSend {
		padding-left: 20%;
		position: relative;
	}
		.extraContactQuestions {}
		.extraContactSend {}

		.extraContactQuestions:before,
		.extraContactSend:before {
			position: absolute;
			margin-right: .25em;
			color: #00a29c;
		}
		.extraContactSend:before {
			left: 0;
			top: 0;
			content: '\f003';
			font: bold 60px/1 'FontAwesome';
		}
		.extraContactQuestions:before {
			left: 20px;
			top: 6px;
			content: '';
			display: block;
			width: 36px;
			height: 64px;
			background: url(../i/question.png) no-repeat top;
			background-size: 36px 64px;
		}



/* ! ABOUT US *** */

.staff {
	background: url(../i/bg-office-scene.jpg) center bottom no-repeat #fff;
	/*background-size: 100% auto;*/
	min-height: 80vh;
}

/* !!!	Temporarily */
.tmpl-about .banner .banner-message .more .fa {
	color: #f9ec1f;
}
	.tmpl-about .banner .banner-message .more a:hover {
		color: #f9ec1f;
	}

.makeChangeMatterSection .container {
	background: #fff;
	color: #000013;
	padding-top: 2em;
	padding-bottom: 2em;
}
	.makeChangeMatterSection .container .row:first-child {
		background-image: linear-gradient(to right, transparent 0%, transparent 33.33%, #fcb414 33.33%, transparent 33.4%, transparent 66.66%, #fcb414 66.77%, transparent 66.77%, transparent 100%);
		
	}
	.makeChangeMatterSection .container .row .col-lg-4 {
		padding-left: 2em;
		padding-right: 2em;
	}
	.makeChangeMatterSection h3 {
		font-size: 46px;
		margin-top: 0;
	}

/* ! Facts */
article.facts {
 	background: #00a29c;
 	color: #fff;
}
	.facts-list {
		list-style: none;
		padding: 0 4em;
		overflow: hidden;
		margin: 0;
		background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, rgba(255,255,255,.5) 50.5%, transparent 50.5%, transparent 100%);
	}
	.facts-item {
		position: relative;
		float: left;
		width: 25%;
		padding: 2em 2em 2em 2em;
		margin: 0;
		text-align: center;
		color: #000013;
		border-left: 1px solid rgba(255,255,255,.5);
	}
	.facts-item:nth-child(4n+1) {
		border-left: 0;
	}
	.facts-item:nth-child(-n+4) {
		padding-top: 4em;
	}
	.facts-item:nth-last-child(-n+4) {
		padding-bottom: 4em;
	}
	.facts-item > strong {
		position: relative;
		display: inline-block;
		text-align: center;
		font: normal 70px/1 'Majesti Banner', serif;
		color: #fff;
	}
	.facts-item > p {
		margin-bottom: 0;
		text-align: left;
	}
	.facts-item .fa {
		position: absolute;
		top: 0;
		left: -1.25em;
		color: #f9ec1f;
		font-size: .3em;
	}


/* ! Staff	 */
.profiles {
	position: relative;
	height: 650px;
	width: 100%;
	overflow: hidden;
}
	.profiles-container {
		position: absolute;
		width: 4000px;
		height: 650px;
		float: left;
	}
	.profile {
		display: inline-block;
		position: relative;
		float: left;
		height: 650px;
		width: 400px;
		
		background: url(../i/logo-avenue4-mini.svg) center center no-repeat #ccc;
		background-size: 100px;
	}
	.profile-fig {
		position: relative;
		z-index: 1;
	}
	.profile-img {
		display: block;
		width: 100%;
		height: auto;
		transition: all .2s;
		opacity: 1;
	}
	.profile-fig > figcaption {
		display: block;
		position: absolute;
		bottom: 2em;
		left: 1em;
		color: #fff;
		transition: all .5s;
		opacity: 1;
	}
		.profile-name,
		.profile-title {
			display: inline;
			padding: 0em .25em;
			color: #fff;
			background-color: #00a29c;
			box-decoration-break: clone;
			line-height: 1.5;
			font: normal 30px/1.75 'Majesti Banner', serif;
		}
	.profile:hover .profile-fig .profile-img {
		opacity: 0;
	}
	.profile:hover .profile-fig figcaption {
		opacity: 0;
	}
	
	
	.profile-fig-alt {
		position: absolute;
		top: 0;
		z-index: 0;
	}
	.profile-fig-alt > figcaption {
		display: block;
		display: flex;
		align-items: flex-end;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 2em 1em;
		overflow: hidden;
		background-color: rgba(0,0,0,.7);
		color: #fff;
	}



	#minimap {
		position: relative;
		width: 100%;
/* 		height: 60px; */
		margin-bottom: 10em;
		background-color: #eee;
		opacity: 0.9;
		z-index: 1;
	}
	.minimap-node {
		position: absolute;
		
	}
	.minimap-viewport {
		position: absolute;
		box-sizing: border-box;
		background-color: rgba(0,0,0,0.5);
		z-index: 1;
		cursor: move;
		
		height: 0;
		padding-top: 3.81%;
		
		transition: all 0.5s ease-out;
	}
	#minimap img {
		display: block;
		width: 5%;
		height: auto;
		margin: 0;
		float: left;
		border: none;
	}




/* ! WORK *** */
.work-statement:before {
	position: relative;
	content: '';
	display: block;
	width: 100%;
	height: 0;
	margin: 2em auto 1em;
	background: url(../i/scroll-lines.svg) center top no-repeat transparent;
	background-size: 100% auto;
	padding-top: 30%;
	margin: 0;
}

.work-statement-fr:before {
	position: relative;
	content: '';
	display: block;
	width: 100%;
	height: 0;
	margin: 2em auto 1em;
	background: url(../i/scroll-lines-fr.svg) center top no-repeat transparent;
	background-size: 100% auto;
	padding-top: 30%;
	margin: 0;
}

.projects {
	background: url(../i/bg-office-scene.jpg) center bottom no-repeat #fff;
	/*background-size: 100% auto;*/
	min-height: 80vh;
	
	margin: 4em auto 0;
}
	.projects-items {
		margin-top: 4em;
	}
	.projects-items:after {
		content: '';
		display: block;
		width: 100%;
		height: 0;
		padding-top: 1em;
		margin: 1em auto 1em;

		background: url(../i/line-bottom.svg) center bottom no-repeat transparent;
		background-size: 100% auto;
		padding-top: 24%;
		
	}
		.project-item-fig {
			display: block;
			position: relative;
			margin: 1em auto 1em;
			max-width: 400px;
			box-shadow: 0 3px 4px 2px rgba(0,0,0,.175);
			overflow: hidden;
		}
			.project-item-img {
				width: 100%;
				height: auto;
			}
			.project-item-caption {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				padding: 1.5em;
				width: 100%;
				background: rgba(27,42,57,.3);
				
				overflow: hidden;
				transform-origin: center center;
				transition: all .4s;
			}
			.project-item-logo {
				display: block;
				margin: 0 auto;
				opacity: 1;
				transition: all .2s;
			}
		
		.project-item-title {
			position: absolute;
			top: 50%;
			left: 5%;
			left: -100%;
			z-index: 1;
			margin: 0;
			transform: translateY(-75%);
			
			transition: all .2s ease-out;
		}
			.project-item-title span {
				display: inline;
				padding: 0.01em .25em;
				color: #fff;
				background-color: #00a29c;
				box-decoration-break: clone;
				line-height: 1.5;
				
				font: normal 20px/1.75 'Majesti Banner', serif;
			}
		.project-item-desc {
			position: absolute;
			background-color: #fff;
			display: block;
			padding: 2em 4em 1em 2em;
			font-size: 12px;
			bottom: -30%;
			z-index: 1;
			
			transition: all .2s;
		}
			.project-item-desc .more {
				float: right;
				margin-top: -2em;
				margin-right: -3.5em;
				margin-bottom: 0;
			}
		
		.project-item-fig:hover .project-item-caption {
			transform: scale(6);
			opacity: 0;
		}
		.project-item-fig:hover .project-item-logo {
			opacity: 0;
		}
		
		.project-item-fig:hover .project-item-desc {
			bottom: 0;
		}
		.project-item-fig:hover .project-item-title {
			left: 5%;
		}


	.projects .call-to-action {
		margin-top: 20em;
	}





/* SOLUTIONS */
.switch-controls {
	max-width: 1050px;
	position: relative;
	list-style: none;
	margin: -100px 95px 2em;
	padding: 1em 2em;
	background: #f9ec1f;
	color: #fff;
	overflow: hidden;
	z-index: 9;
	margin-left: auto;
	margin-right: auto;
}
	.switch-controls > li {
		display: block;
		float: left;
		width: 49%;
	}
	.switch-controls > li + li {
		margin-left: 2%;
	}
	.switch-controls > li button {
		display: block;
		width: 100%;
		padding: .50em 1.5em;
		border: none;
		background-color: #ffd902;
		font: 100 22px/1 'Ubuntu', sans-serif;
		text-align: left;
		transition: all .2s;
		-webkit-appearance: normal;
		   -moz-appearance: normal;
		        appearance: normal;
	}
	.switch-controls > li button.active {
		background-color: #00a29c;
		color: #fff;
	}
	.switch-controls > li button:hover {
		background-color: #00a29c;
	}


.bg-solutions-vogue .banner {
	margin-bottom: 10em;
}
.solutions-content {
	color: #fff;
	overflow: hidden;
}
.mainSection.inactive,
.banner.inactive {
	display: none;
}

.solutions-content-vogo-logo {
	display: block;
	width: auto;
	height: 110px;
	margin: 120px auto 0 auto;
}
.solutions-content .prime {
	font-size: 1.5em;
	line-height: 1.4;
	margin: 40px 0;
}

.solutions-banner-comic {
	min-height: 0;
}
.solutions-content-comic {
	
}
.comic-img-1 {
	position: absolute;
	left: 0;
	top: -4em;
	width: 56vw;
	height: auto;
	max-width: 900px;
}
.comic-img-2 {
	position: absolute;
	left: 0;
	top: 25em;
	width: 56vw;
	height: auto;
	max-width: 900px;
}
.solutions-content-comic .call-to-action {
	margin-top: 16em;
}



/* GET STARTED */
.get-started-banner {
	margin-bottom: 0;
}
.tmpl-get-started .contacts hr {
	margin-bottom: 0;
}





/* NEWS */
.tmpl-news .banner {
	min-height: 0;
}

.tmpl-news .call-to-action {
	margin-bottom: 2em;
	max-width: none;
}
.tmpl-news .call-to-action h2 {
	color: #fcb414;
	font-size: 1.875em;
}

/* subscribe form */
.subscribe-form {
	margin: 0 auto;
}
.subscribe-form .form-group {
	max-width: 400px;
	margin: 0 auto;
}
	.subscribe-form input[type="email"] {
		width: 70%;
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		padding: .75em;
	}
	.subscribe-form button[type="submit"] {
		width: 28%;
		display: inline-block;
		vertical-align: middle;
		font-size: 12px;
		padding: .7em;
		margin: 0;
	}
	.tmpl-news .form-group {
		margin-bottom: 0;
	}
	.tmpl-news .form-control {
		color: #000013;
	}
	.tmpl-news .form-control::-moz-placeholder {
		color: #999;
		opacity: 1;
		text-transform: uppercase;
	}
	.tmpl-news .form-control:-ms-input-placeholder {
		color: #999;
		text-transform: uppercase;
	}
	.tmpl-news .form-control::-webkit-input-placeholder {
		color: #999;
		text-transform: uppercase;
	}

.news-tools {
	padding: 1em 0;
	border: 1px solid #000013;
	border-left: none;
	border-right: none;
	margin-bottom: 2em;

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.news-sorting {
	margin: 0;
	flex-grow: 1;
}

.news-search {
	max-width: 200px;
	margin: 0;
	position: relative;
}
	.news-search .form-control {
		color: #000013;
	}
	.news-search input[type="text"] {
		font-size: 12px;
		padding: .75em 3em .75em .75em;
	}
	.news-search button {
		position: absolute;
		top: 1px;
		right: 1px;
		margin: 0;
		padding: 4px;
		background: transparent;
		color: #00a29c;
	}
	.news-search button .fa {
		font-size: 22px;
	}
	.news-search button:hover {
		background: transparent;
		color: #fcb414;
	}

.news-category {
	margin: 0 0 0 1em;
	padding: 0;
}
	.news-category .form-control {
		color: #fff;
		margin: 0;
		padding-top: .65em;
		padding-bottom: .65em;
		font-size: 12px;
		line-height: 1;
		width: 200px;
		text-transform: uppercase;
	}

	
.news-article {
	margin-bottom: 4em;
	display: flex;
	flex-direction: column;
}
	.news-title {
		font: bold 46px/1.2 'Roboto Condensed', sans-serif;
		text-transform: uppercase;
		max-width: 900px;
	}
	.news-subtitle {
		font: bold 18px/1.2 'Roboto Condensed', sans-serif;
		text-transform: uppercase;
		max-width: 900px;
		color: #00a29c;
		margin-top: 0;
	}
	.news-meta {
		border-bottom: 1px solid #000013;
		padding: .5em 0;
		margin: 0 0 2em 0;
		text-transform: uppercase;
		font-size: 0.875em;
	}
		.news-pubdate {
			display: inline-block;
			vertical-align: bottom;
			color: #fcb414;
		}
		.news-author {
			display: inline-block;
			vertical-align: bottom;
		}
	
	.news-fig {
		order: -1;
	}
	.news-img {
		display: block;
		width: 100%;
		height: auto;
	}


/* News artile single */
.tmpl-news-electra-sign .mainSection,
.tmpl-nouvelles-electra-sign .mainSection,
.tmpl-news-new-look .mainSection,
.tmpl-nouvelles-new-look .mainSection,
.tmpl-news-red-river .mainSection,
.tmpl-nouvelles-red-river .mainSection {
	background-color: #fff;
}
.single-news-banner h3 {
	margin-top: 4em;
}

.tmpl-news-electra-sign .news-meta,
.tmpl-nouvelles-electra-sign .news-meta,
.tmpl-news-new-look .news-meta,
.tmpl-nouvelles-new-look .news-meta,
.tmpl-news-red-river .news-meta,
.tmpl-nouvelles-red-river .news-meta {
	padding-bottom: 1.75em;
	border-bottom-color: #fff;
}
.tmpl-news-electra-sign .share
.tmpl-nouvelles-electra-sign .share,
.tmpl-news-new-look .share,
.tmpl-nouvelles-new-look .share,
.tmpl-news-red-river .share,
.tmpl-nouvelles-red-river .share {
	font-size: 2.285em;
	line-height: 1;
	display: inline-block;
	vertical-align: bottom;
	float: right;
	margin-top: -.25em;
}
	.tmpl-news-electra-sign .share:before,
	.tmpl-nouvelles-electra-sign .share:before,
	.tmpl-news-new-look .share:before,
	.tmpl-nouvelles-new-look .share:before,
	.tmpl-news-red-river .share:before,
	.tmpl-nouvelles-red-river .share:before {
		content: 'share';
		display: inline-block;
		vertical-align: baseline;
		margin-right: .25em;
		color: #fff;
		font-size: 40%;
		font-weight: bold;
	}
	
	.news-single {
		padding: 4em 0 0;
	}
	.news-single .row div[class^='col-'] {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.news-single img {
		display: block;
		width: 100%;
		height: auto;
	}
	.news-single .statement {
		color: #00a29c;
		margin-top: 0;
	}
	
	.news-single-footer {
		
	}
	.news-single-footer .more {
		/*border-bottom: 1px solid #999;*/
		padding-bottom: 2em;
	}
		.news-single-footer .share {
			font-size: 16px;
		}
		.news-single-footer .share:before {
			color: #333;
			font-size: 12px;
		}

	
	.tmpl-news-electra-sign h2,
	.tmpl-nouvelles-electra-sign h2,
	.tmpl-news-new-look h2,
	.tmpl-nouvelles-new-look h2,
	.tmpl-news-red-river h2,
	.tmpl-nouvelles-red-river h2 {
		font: normal 1.85em/1.2 'Majesti Banner', serif;
		color: #00a29c;
	}
	
	/* Electra Sign blog post */
	.case-study-electrosign-title1 {margin-top: 0;}
	.news-single .case-study-electrosign-1 {
		margin-top: -100%;
		width: 150%;
	}
	.news-single .case-study-electrosign-2 {
		width: 526px;
		height: auto;
		margin-top: -190px;
	}
	.news-single .case-study-electrosign-3 {
		width: 370px;
		height: auto;
	}
	.news-single .case-study-electrosign-4 {
		width: 485px;
		height: auto;
	}
	.news-single .case-study-electrosign-5 {
		width: 528px;
		height: auto;
		float: right;
	}
	.news-single .case-study-electrosign-6 {
		width: 440px;
		height: auto;
		float: left;
	}
	.news-single .case-study-electrosign-7 {
		width: 440px;
		height: auto;
		float: right;
	}
	.news-single .case-study-electrosign-8 {
		width: 525px;
		height: auto;
	}
	.news-single .case-study-electrosign-9 {
		width: 392px;
		height: auto;
		margin-top: -75px;
	}
	.news-single .case-study-electrosign-10 {
		width: 425px;
		height: auto;
		right: 0;
		margin-top: 30px;
		margin-left: -60px;
	}
	.web-text {margin-top: -200px;}
	.case-study-electrosign-divider {
		margin-top: -200px;
	}

	.divider-top {
		z-index: 100;
		position: relative;
	}
	.divider-bottom {
		z-index: 0;
		position: relative;
	}

	/* Red River blog post */
	.case-study-red-river-subtext2 {
		width: 50%;
		font-size: 0.75em;
		margin-top: 70px;
		color: #fff;
	}
	.pullquote-red-river {
		font: normal 1.85em/1.2 'Majesti Banner', serif;
		color: #00a29c;
		margin: 0 0 1em;
	}
	.news-single .case-study-red-river-1 {
		margin-top: -100%;
		width: 460px;
		margin-bottom: 30px;
	}
	.news-single .case-study-red-river-2 {
		width: 475px;
		height: auto;
	}
	.news-single .case-study-red-river-3 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-4 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-5 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-6 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-7 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-8 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-9 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-10 {
		width: 290px;
		height: auto;
	}
	.news-single .case-study-red-river-11 {
		width: 290px;
		height: auto;
	}
	.case-study-red-river-title {
		font-size: 3em;
		font-weight: bold;
		color: #00a29c;
		line-height: 1.5em;
		margin-top: 0;
	}

	/* New Look blog post */
	.banner-message p.case-study-new-look-sub-title {
		margin-top: 100px;
		color: #00a29c;
		max-width: 50%;
		font-family: 'Majesti Banner', serif;
	}
	.news-single .case-study-new-look-desktop-1 {
		margin-top: -100%;
		width: 100%;
	}
	.news-single .case-study-new-look-desktop-2 {
		width: 276px;
		height: auto;
		margin-top: 123px;
		float: right;
	}
	.news-single .case-study-new-look-desktop-3 {
		width: 460px;
		height: auto;
		margin-top: 50px;
	}
	.news-single .case-study-new-look-desktop-4 {
		width: 432px;
		height: auto;
		float: right;
	}
	.news-single .case-study-new-look-desktop-5 {
		width: 276px;
		height: auto;
		float: right;
	}
	.case-study-new-look-title1 {
		font-size: 1.85em;
		font-weight: bold;
		color: #00a29c;
		line-height: 1.5em;
		margin-top: 25px;
	}
	.case-study-new-look-title2 {
		font-size: 3em;
		font-weight: bold;
		color: #00a29c;
		line-height: 1.5em;
		margin-top: 25px;
	}
	.case-study-new-look-title3 {
		font-size: 2.5em;
		font-weight: bold;
		color: #fcb414;
		line-height: 1.5em;
		margin-top: 25px;
	}
	.case-study-new-look-subtext {
		font-size: 1.25em;
		margin-top: 25px;
		color: #00a29c;
	}

	.news-single .row.divider-container div[class^='col-'] {
		padding-top: 0;
		padding-bottom: 1em;
	}
	.news-single .row.divider-container2 div[class^='col-'] {
		padding-top: 1em;
		padding-bottom: 1em;
	}