.autosave-restart {
	display: none;
}

.survey-section:nth-child(2) {
	background-image: url('/survey/selfserve/58c/180214/sec-bg.png');
	background-repeat: no-repeat;
	background-position: left;
}

#svg {
	width: 200px;
}

.logo-svg {
	padding: 1.5em 0 0 1em;
}

.concept-container{
	text-align: center;
}

.concept-container img{
	width: 100%;
}

@media screen and (min-width: 768px) {    
	.concept-container img{
		width: auto;
	}
	.logo-svg {
		padding: 2em 0 0 1.5em;
	}
	#svg {
		width: 300px;
	}
}


/*-- transition --*/
.overlay {
	background: #236192;
	z-index: 99999999;
	position: fixed;
	top: 0%;
	left: -25%;
	width: 150%;
	height: 100%;
	transform: scaleX(0) skewX(-40deg);
	transform-origin: left;
}

.transition {
	-webkit-animation: scaletoright 1000ms both cubic-bezier(0.100, 0.000, 0.175, 1.000);
	animation: scaletoright 1000ms both cubic-bezier(0.100, 0.000, 0.175, 1.000);
}

@-webkit-keyframes scaletoright {
	0% {
		transform: scaleX(0) skewX(-40deg);
		transform-origin: left;
	}

	50% {
		transform: scaleX(1) skewX(0deg);
		transform-origin: left;
	}

	51% {
		transform: scaleX(1) skewX(0deg);
		;
		transform-origin: right;
	}

	100% {
		transform: scaleX(0) skewX(40deg);
		;
		transform-origin: right;
	}
}

@keyframes scaletoright {
	0% {
		transform: scaleX(0) skewX(-40deg);
		transform-origin: left;
	}

	50% {
		transform: scaleX(1) skewX(0deg);
		transform-origin: left;
	}

	51% {
		transform: scaleX(1) skewX(0deg);
		;
		transform-origin: right;
	}

	100% {
		transform: scaleX(0) skewX(40deg);
		;
		transform-origin: right;
	}
}

/*-- fade --*/
.fade {
	animation: fade 0.25s 0.25s forwards;
}

@keyframes fade {
	25% {
		opacity: 0.25;
	}

	50% {
		opacity: 1;
	}

	75% {
		opacity: 0.25;
	}

	100% {
		opacity: 1;
	}
}