/* slideshow */
.slideshow { position: relative; overflow: hidden; background-color: #2e3639; }

.slideshow__electric-wrap {
	display: flex;
	align-items: baseline;
}

.slideshow__electric {
	display: block;
	text-align: center;
	width: 100px;
	height: 22px;
	border-radius: 100px;
	background-color: hsla(100.6,73.1%,42.4%, 0.3);
	border: 1px solid #50BB1D;
	font-size: 12px;
	margin-left: 10px;
   	line-height: 12px;
	padding-top: 5px;
	color: #50BB1D;
	font-weight: 500;
}

.slideshow__electric svg {
	fill: #50BB1D;
	width: 9px;
	margin: 0 4px 0 -4px;
}

	/* slideshow background */
	.slideshow .slideshow-background { overflow: hidden; display: block; }
	.slideshow .slideshow-background:before {
		content: '';
		height: 210px;
		width: 100%;
		display: block;
		position: absolute;
		background: -webkit-linear-gradient(0deg,transparent,rgba(0,0,0,.6));
		background: -o-linear-gradient(0deg,transparent,rgba(0,0,0,.6));
		background: -moz-linear-gradient(0deg,transparent,rgba(0,0,0,.6));
		background: linear-gradient(0deg,transparent,rgba(0,0,0,.6));
		opacity: .4;
	}
	.slideshow .slideshow-background img { height: 620px; width: auto; max-width: none; }

	/* slideshow images */
	.slideshow .slideshow-images {
		position: absolute;
		top: 30px;
		width: 100%;
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn { position: absolute; }
	.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child {
		width: 180px;
		left: -300px;
		transition: left .75s ease;
		-webkit-transition: left .75s ease;
		-moz-transition: left .75s ease;
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child.show {
		left: calc(50% - 124px);
		left: -webkit-calc(50% - 124px);
		left: -moz-calc(50% - 124px);
		left: -ms-calc(50% - 124px);
		left: -o-calc(50% - 124px);
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child caption {
		position: absolute;
		color: #FFFFFF;
		font-family: Architects Daughter;
		font-size: 12px;
		top: 50px;
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child caption:after {
		content: '';
		display: block;
		background: url('../../images/fromArrow.png') no-repeat;
		height: 110px;
		width: 70px;
		transform: scale(.5);
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-o-transform: scale(.5);
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child {
		width: 120px;
		right: -300px;
		top: 80px;
		transition: right .75s .5s ease;
		-webkit-transition: right .75s .5s ease;
		-moz-transition: right .75s .5s ease;
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child.show {
		right: calc(50% - 130px);
		right: -webkit-calc(50% - 130px);
		right: -moz-calc(50% - 130px);
		right: -ms-calc(50% - 130px);
		right: -o-calc(50% - 130px);
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child caption {
		color: #FFFFFF;
		font-family: Architects Daughter;
		font-size: 12px;
		position: absolute;
		left: 70px;
		top: -30px;
		width: 70px;
	}
	.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child caption:after {
		content: '';
		display: block;
		background: url('../../images/toArrow.png') no-repeat;
		position: absolute;
		height: 50px;
		width: 100px;
		transform: scale(0.5);
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-o-transform: scale(0.5);
		top: -25px;
		left: -50px;
	}
	.slideshow .slideshow-images img { width: 100%; height: auto; }

	/* slideshow text */
	.slideshow .slideshow-text {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		padding: 0 20px;
	}
	.slideshow .slideshow-text h3 {
		font-size: 24px;
		color: #FFFFFF;
		margin-bottom: 10px;
		text-shadow: 1px 1px 9px rgba(0, 0, 0, .61);
	}
	.slideshow .slideshow-text li {
		margin-left: 0;
		color: #FFFFFF;
		margin-bottom: 10px;
	}
	.slideshow .slideshow-text li:before {
		content: '\f00c';
		background-color: green;
		border: 2px solid #FFFFFF;
		color: #FFFFFF;
		float: none;
		text-align: center;
		height: 22px;
		width: 22px;
		font-size: 12px;
		line-height: 20px;
		margin-top: 0px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.slideshow .slideshow-text .button { margin-top: 20px; }
	.slideshow .slideshow-text a.download {
		position: absolute;
		left: 220px;
		bottom: 40px;
	}
	.slideshow .slideshow-text a.download:before {
		content: '\f019';
		background-color: red;
		height: 39px;
		width: 39px;
		display: block;
		position: absolute;
		right: -15px;
		bottom: -10px;
		border: 1px solid #FFFFFF;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		font-size: 15px;
		color: #FFFFFF;
		text-align: center;
		padding-top: 6px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

		/* media specific styles */
		@media( min-width: 768px ){

			/* slideshow images */
			.slideshow .slideshow-images { width: 40%; float: left; }
			.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child { width: 340px; top: -30px; }
			.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child.show { left: 15px; }
			.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child caption { font-size: 16px; left: 30px; }
			.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child caption:after {
				transform: scale(1);
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-o-transform: scale(1);
				top: 30px;
				left: 20px;
			}
			.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child {
				left: -300px;
				top: 420px;
				width: 190px;
				transition: left .75s .75s ease;
				-webkit-transition: left .75s .75s ease;
				-moz-transition: left .75s .75s ease;
			}
			.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child.show { right: auto; left: 75px; }
			.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child caption {
				font-size: 16px;
				left: 190px;
				top: -30px;
				width: 80px;
			}
			.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child caption:after {
				top: -15px;
				transform: scale(1);
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-o-transform: scale(1);
			}

			/* slideshow text */
			.slideshow .slideshow-text {
				width: 50%;
				left: auto;
				right: -100%;
				top: calc(50% - 140px);
				top: -webkit-calc(50% - 140px);
				top: -moz-calc(50% - 140px);
				top: -ms-calc(50% - 140px);
				top: -o-calc(50% - 140px);
				transition: right .75s ease;
				-webkit-transition: right .75s ease;
				-moz-transition: right .75s ease;
			}
			.slideshow .slideshow-text.show { right: 0; }
			.slideshow .slideshow-text a.download { left: 260px; top: 200px; bottom: auto; }
		}
		@media( min-width: 1024px ){

			/* slideshow background */
			.slideshow .slideshow-background { max-height: 591px; }
			.slideshow .slideshow-background img { width: 100%; height: auto; min-height: 580px; }

			/* slideshow wrap */
			.slideshow .slideshow-wrap { max-width: 1120px; margin: 0 auto; display: block; }

			/* slideshow images */
			.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child {
				width: 420px;
				top: 0px;
				left: -100%;
				transition: left .75s ease;
				-webkit-transition: left .75s ease;
				-moz-transition: left .75s ease;
			}
			.slideshow .slideshow-images .csc-textpic-imagecolumn:first-child caption { top: 190px; left: 40px; }
			.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child {
				left: 300%;
				transition: left .75s .75s;
				-webkit-transition: left .75s .75s;
				-moz-transition: left .75s .75s;
			}
			.slideshow .slideshow-images .csc-textpic-imagecolumn:last-child.show {
				left: 290px;
				top: 170px;
				width: 250px;
			}

			/* slideshow text */
			.slideshow .slideshow-text {
				width: 40%;
				transition: right .75s 1.5s ease;
				-webkit-transition: right .75s 1.5s ease;
				-moz-transition: right .75s 1.5s ease;
			}
		}