.singlePageSection:first-of-type {
	padding-top:0;
	padding-bottom: 0;
	min-height: calc(100vh - 14rem);
}
#list {
	padding-top:9rem;
}

#intro .w60 .padding {
	/*transform:translateY(50%);*/
	position:relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    height: 100%;
}

#intro .w60 a{
	margin-top:5rem;
	display: block;
}
#intro .w60 a span {
	margin-right:1.0rem;
}

.solution:after {
	content:'';
	left:10vw;
	top:-4rem;
	width:0;
	position:absolute;
	height:calc(100% - -8rem);
	transition:width 0.4s;
	z-index:0;
}
.solution:hover,.solution:hover h3,.solution:hover h4 {
	color:white;
}
.solution:hover:after {
	width:calc(100% - 10vw);
}
.solution {
	display:flex;
	position:relative;
	margin-bottom:8rem;
}
.solution figure {
	position:relative;
	width:37.5%;
	z-index:2;
	-webkit-box-shadow: 0 0 0 rgba(28, 38, 104, 0);
	-moz-box-shadow: 0 0 0 rgba(28, 38, 104, 0);
	box-shadow: 0 0 0 rgba(28, 38, 104, 0);
	transition: all .8s ease;
	-moz-transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	-ms-transition: all .8s ease;
}

.solution:hover figure {
	-webkit-box-shadow: 0 2rem 4rem rgba(28, 38, 104, 0.3);
	-moz-box-shadow: 0 2rem 4rem rgba(28, 38, 104, 0.3);
	box-shadow: 0 2rem 4rem rgba(28, 38, 104, 0.3);
}

.solution > div {
	padding:3.5rem 10vw 2.5rem 5vw;
	width:62.5%;
	position:relative;
	z-index:2;
}

.solution > div h4 {
	margin-bottom:2rem;
}

.solution > div nav {
	margin-top:2rem;
}
.solution > div nav a {
	opacity:0;
	visibility:hidden;
	transition:all 0.2s;
}
.solution:hover > div nav a{
	opacity:1;
	visibility:visible;
}



#intro .fixedImage > div {
	height:calc(100vh - 14rem);
	background-size:cover;
	background-position:center;
	width:100%;
	position: relative;
}

.resultNum {
	z-index: 1;
	margin-top: 4rem;
}

.resultNum b {
	padding-left: 0.8rem;
}

.numericWizard {
	margin-top: 4rem;
}


@media only screen and (max-width: 1250px) {
	.resultNum {
		left:5vw;
	}
}


@media only screen and (max-width:992px) {
	.singlePageSection:first-of-type {
	    min-height: auto;
	}
	#intro .fixedImage > div {
		height: 33vh;
	}
	
	.solution {
		align-items: flex-start;
	}
	
	.solution > div {
	    padding: 0rem 10vw 2.5rem 5vw;
	}
	.resultNum {
	    left: 0;
	    position: relative;
	    bottom: 0;
	}
	
}

@media only screen and (max-width:767px) {
	.solution figure {
		margin:0 auto;
		width:100%;
		height: 33vh;
	}
	.solution figure .img-container-absolute {
		background-size: contain !important;
	}
	.solution > div {
		width:100%;
		padding: 1.5rem 0 2.5rem;
	}
	.solution > div nav {
		display: none;
	}
	.solution {
		flex-wrap:wrap;
		padding:0;
		margin-bottom:4rem;
		background: white;
	}
	.solution:after {
		display: none;
	}
	.solution .title {
		padding-bottom: 1rem;
	}
	.solution p {
		display: none;
	}
	#intro .w60 .padding {
		transform:none;
	}
	.solution:after,.solution:hover:after {
		content:'';
		left:0;
		top:0;
		width:100%;
		position:absolute;
		height:100%;
		z-index:0;
	}
	.solution:hover h3, .solution:hover h4 {
	    color: #0090d2;
	}
	#list {
		padding-top:8rem;
	}
}

.blue-bg .singlePageSection .img-container,
.blue-bg .singlePageSection .img-container-absolute,
.blue-bg #overviewSection .sub-intro .item-list {
	background-color: #f5f5f5;
}
.orange-bg .singlePageSection .img-container,
.orange-bg .singlePageSection .img-container-absolute,
.orange-bg #overviewSection .sub-intro .item-list {
	background-color:#fef8f3
}
.acqua-bg .singlePageSection .img-container,
.acqua-bg .singlePageSection .img-container-absolute,
.acqua-bg #overviewSection .sub-intro .item-list {
	background:#f3fbfc;
}
.pink-bg .singlePageSection .img-container,
.pink-bg .singlePageSection .img-container-absolute,
.pink-bg #overviewSection .sub-intro .item-list {
	background:#fef7fb;
}
.green-bg .singlePageSection .img-container,
.green-bg .singlePageSection .img-container-absolute,
.green-bg #overviewSection .sub-intro .item-list {
	background:#fafcf3;
}


.blue-bg .subtitle, .blue-bg .accordion .subtitle,
.blue-bg #overviewSection .mainTitle,
.blue-bg #overviewSection .occhielloTitle,
.blue-bg #overviewSection .item-payoff,
.blue-bg #topSection .mainTitle,
.blue-bg #topSection .item-payoff {
	color: #0090d2;
}
.orange-bg .subtitle, .orange-bg .accordion .subtitle,
.orange-bg #overviewSection .mainTitle,
.orange-bg #overviewSection .occhielloTitle,
.orange-bg #overviewSection .item-payoff,
.orange-bg #topSection .mainTitle,
.orange-bg #topSection .item-payoff {
	color:#f07d1c;
}
.acqua-bg .subtitle, .acqua-bg .accordion .subtitle,
.acqua-bg #overviewSection .mainTitle,
.acqua-bg #overviewSection .occhielloTitle,
.acqua-bg #overviewSection .item-payoff,
.acqua-bg #topSection .mainTitle,
.acqua-bg #topSection .item-payoff {
	color:#12b5c7;
}
.pink-bg .subtitle, .pink-bg .accordion .subtitle,
.pink-bg #overviewSection .mainTitle,
.pink-bg #overviewSection .occhielloTitle,
.pink-bg #overviewSection .item-payoff,
.pink-bg #topSection .mainTitle,
.pink-bg #topSection .item-payoff {
	color:#e5007d;
}
.green-bg .subtitle, .green-bg .accordion .subtitle,
.green-bg #overviewSection .mainTitle,
.green-bg #overviewSection .occhielloTitle,
.green-bg #overviewSection .item-payoff,
.green-bg #topSection .mainTitle,
.green-bg #topSection .item-payoff {
	color:#9ec41a;
}


.blue-bg .singlePageSection .img-container.on-gradient,
.blue-bg .singlePageSection .img-container-absolute.on-gradient,
.orange-bg .singlePageSection .img-container.on-gradient,
.orange-bg .singlePageSection .img-container-absolute.on-gradient,
.acqua-bg .singlePageSection .img-container.on-gradient,
.acqua-bg .singlePageSection .img-container-absolute.on-gradient,
.pink-bg .singlePageSection .img-container.on-gradient,
.pink-bg .singlePageSection .img-container-absolute.on-gradient,
.green-bg .singlePageSection .img-container.on-gradient,
.green-bg .singlePageSection .img-container-absolute.on-gradient {
	background-blend-mode: none;
	background-color: transparent;
}

