/* Compiled on 2019-07-16 16:49:43 */

@-webkit-keyframes progressbarfull {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}
@keyframes progressbarfull {
	0% {
		width: 0
	}
	100% {
		width: 100%
	}
}
.rsc-cr_fiber_city-sectionProgressBar .rsc-progressbar {
	width: 0;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}
.rsc-cr_fiber_city-sectionProgressBar [data-animating] .rsc-progressbar {
	-webkit-animation-name: progressbarfull;
	animation-name: progressbarfull
}
.rsc-cr_fiber_city-sectionProgressBar [data-animating] .rsc-progressbar.rsc-durationvideoquick {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.rsc-cr_fiber_city-sectionProgressBar [data-animating] .rsc-progressbar.rsc-durationvideoslow {
	-webkit-animation-duration: 10s;
	animation-duration: 10s
}
.rsc-cr_fiber_city-sectionProgressBar [data-animating] .rsc-progressbar.rsc-durationmoviequick {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
.rsc-cr_fiber_city-sectionProgressBar [data-animating] .rsc-progressbar.rsc-durationmovieslow {
	-webkit-animation-duration: 10s;
	animation-duration: 10s
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-desc__line {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-desc__gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: linear-gradient(45deg, #5c2d91 20%, #5c2d91 50%, #EE2E5D 80%, #EE2E5D 100%);
	background-size: 200% 200%;
	background-position: 0% 0%;
	transition: .3s;
	transition-delay: .2s;
	z-index: -1
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-desc__gradient--active {
	background-position: 100% 0%
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim {
	width: 100vw;
	max-width: 1440px;
	position: absolute;
	left: 60%;
	top: 2%
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim--active .rsc-fiber-anim__laptop {
	margin-top: -22%;
	margin-left: -10%;
	opacity: 1
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim--active .rsc-fiber-anim__tv {
	margin-top: 0%;
	margin-left: 0%;
	opacity: 1
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__tv {
	position: relative;
	margin-top: -5%;
	margin-left: 50%;
	width: 62%;
	opacity: 0;
	transition: 2s
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__tv video {
	top: 16%;
	left: 8.5%;
	width: 83%
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__laptop {
	position: relative;
	width: 33%;
	margin-top: -22%;
	margin-left: -20%;
	opacity: 0;
	z-index: 9;
	transition: 1.5s;
	transition-delay: .2s
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__laptop video {
	top: 13%;
	left: 15%;
	width: 66%
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__tv img, .rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__laptop img {
	z-index: 1;
	position: relative;
	width: 100%
}
.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__tv video, .rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__laptop video {
	position: absolute;
	height: auto;
	z-index: 0
}
@media only screen and (max-width: 40em) {
	.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim {
		position: relative;
		width: 150%;
		left: 20%;
		top: 0%;
		margin-top: -4%
	}
	.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__tv {
		position: relative;
		width: 100%
	}
	.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__tv video {
		top: 18%
	}
	.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim__laptop {
		position: relative;
		width: 50%
	}
	.rsc-cr_fiber_city-sectionMultiVideo .rsc-fiber-anim--active .rsc-fiber-anim__laptop {
		margin-top: -30%
	}
}