header.sticky .background-sticky:not(.background-sticky),
header:not(.sticky) .background-sticky {
  	opacity: 0;
	transition: opacity 0.2s linear;
}

header .background:not(.background-sticky),
header.sticky .background-sticky {
	opacity: 1;
	transition: opacity 0.2s linear;
}

.with-background .background-parallax-inner {
	height: 100%!important;	
}

.with-background {
	position: relative;
	background: transparent!important;
}

.with-background .background {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100.006%;
	height: 100%;
	z-index: 0;
}

.menu-close .main-nav .navbar-collapse.with-background > .background,
.menu-close .sec-nav .navbar-collapse.with-background > .background {
	position: fixed;
	top: 0;
	width: 30rem;
	height: 100%;
}

.menu-close .sec-nav .navbar-collapse.with-background > .background {
	left: auto;
	right: -30rem;
	transition: right 400ms cubic-bezier(0.810, 0.085, 1.000, 0.000);
}
.menu-close.moveSecNav .sec-nav .navbar-collapse.with-background > .background {
	right: 0;
  	transition: right 400ms cubic-bezier(0.000, 1.000, 0.085, 0.810);
}

.menu-close .main-nav .navbar-collapse.with-background > .background {
	right: auto;
	left: -30rem;
	transition: left 400ms cubic-bezier(0.810, 0.085, 1.000, 0.000);
}
.menu-close.moveMainNav .main-nav .navbar-collapse.with-background > .background {
	left: 0;
  	transition: left 400ms cubic-bezier(0.000, 1.000, 0.085, 0.810);
}

.with-background .background + div:not(.background) {
	z-index: 2;
}

.with-background .background-slider,
.with-background .background-kenburns {
	overflow: hidden;	
}

.with-background .background-kenburns .background-ken-burns-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat; 
	background-position: center center; 
	background-size: cover;
	z-index: 0;
}

.with-background .background.background-youtube {
	overflow: hidden;
}

body.with-background > .background.background-video {
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	overflow: hidden;
  	right: 0;
  	top: 0;
}

body.with-background > .background.background-youtube .background-youtube-content .ytplayer-container {
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	overflow: hidden;
  	right: 0;
  	top: 0;
  	z-index: -2;
}

body.with-background > .background.background-youtube .background-youtube-content  {
	z-index: -2;
}

body.with-background > .background.background-youtube .background-youtube-content .ytplayer-shield {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

section > .container > .background {
	left: 0;
	right: 0;
	width: auto;
}

.background-angle.angle1,
.background-angle.angle2,
.background-angle.angle3,
.background-angle.angle4,
.background-angle.angle5,
.background-angle.angle6 {
	padding-top: 9rem;
}

.background-angle.angle1,
.background-angle.angle2,
.background-angle.angle3,
.background-angle.angle4,
.background-angle.angle7,
.background-angle.angle8 {
	padding-bottom: 9rem;
}

.has-angle-background,
.background-angle.angle1 + .background-angle.angle1,
.background-angle.angle1 + .background-angle.angle3,
.background-angle.angle1 + .background-angle.angle5,
.background-angle.angle2 + .background-angle.angle2,
.background-angle.angle2 + .background-angle.angle4,
.background-angle.angle2 + .background-angle.angle6,
.background-angle.angle3 + .background-angle.angle2,
.background-angle.angle3 + .background-angle.angle4,
.background-angle.angle3 + .background-angle.angle6,
.background-angle.angle4 + .background-angle.angle1,
.background-angle.angle4 + .background-angle.angle3,
.background-angle.angle4 + .background-angle.angle5,
.background-angle.angle7 + .background-angle.angle2,
.background-angle.angle7 + .background-angle.angle4,
.background-angle.angle7 + .background-angle.angle6,
.background-angle.angle8 + .background-angle.angle1,
.background-angle.angle8 + .background-angle.angle3,
.background-angle.angle8 + .background-angle.angle5 {
	margin-top: -9rem;
}

@supports (-ms-ime-align:auto) {
    .background-angle {
		padding: 0!important;
	}
	.background-angle + .background-angle {
		margin-top: 0!important;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .background-angle {
		padding: 0!important;
	}
	.background-angle + .background-angle {
		margin-top: 0!important;
	}
}

.background-angle.angle1 > .background {
	-webkit-clip-path: polygon(0% 9rem, 100% 0%, 100% calc(100% - 9rem), 0% 100%);
	clip-path: polygon(0% 9rem, 100% 0%, 100% calc(100% - 9rem), 0% 100%);
}

.background-angle.angle2 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% calc(100% - 9rem));
	clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% calc(100% - 9rem));
}

.background-angle.angle3 > .background {
	-webkit-clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
	clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
}

.background-angle.angle4 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 9rem, 100% calc(100% - 9rem), 0% 100%);
	clip-path: polygon(0% 0%, 100% 9rem, 100% calc(100% - 9rem), 0% 100%);
}

.background-angle.angle5 > .background {
	-webkit-clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 9rem, 100% 0%, 100% 100%, 0% 100%);
}

.background-angle.angle6 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 9rem, 100% 100%, 0% 100%);
}

.background-angle.angle7 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 9rem));
}

.background-angle.angle8 > .background {
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 9rem), 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 9rem), 0% 100%);
}

@media (max-width: 767px) {
	.background-angle.angle1,
	.background-angle.angle2,
	.background-angle.angle3,
	.background-angle.angle4,
	.background-angle.angle5,
	.background-angle.angle6 {
		padding-top: 8rem;
	}
	.background-angle.angle1,
	.background-angle.angle2,
	.background-angle.angle3,
	.background-angle.angle4,
	.background-angle.angle7,
	.background-angle.angle8 {
		padding-bottom: 8rem;
	}

	.has-angle-background,
	.background-angle.angle1 + .background-angle.angle1,
	.background-angle.angle1 + .background-angle.angle3,
	.background-angle.angle1 + .background-angle.angle5,
	.background-angle.angle2 + .background-angle.angle2,
	.background-angle.angle2 + .background-angle.angle4,
	.background-angle.angle2 + .background-angle.angle6,
	.background-angle.angle3 + .background-angle.angle2,
	.background-angle.angle3 + .background-angle.angle4,
	.background-angle.angle3 + .background-angle.angle6,
	.background-angle.angle4 + .background-angle.angle1,
	.background-angle.angle4 + .background-angle.angle3,
	.background-angle.angle4 + .background-angle.angle5,
	.background-angle.angle7 + .background-angle.angle2,
	.background-angle.angle7 + .background-angle.angle4,
	.background-angle.angle7 + .background-angle.angle6,
	.background-angle.angle8 + .background-angle.angle1,
	.background-angle.angle8 + .background-angle.angle3,
	.background-angle.angle8 + .background-angle.angle5 {
		margin-top: -8rem;
	}

	@supports (-ms-ime-align:auto) {
	    .background-angle {
			padding: 0!important;
		}
		.background-angle + .background-angle {
			margin-top: 0!important;
		}
	}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	    .background-angle {
			padding: 0!important;
		}
		.background-angle + .background-angle {
			margin-top: 0!important;
		}
	}
	.background-angle.angle1 > .background {
		-webkit-clip-path: polygon(0% 8rem, 100% 0%, 100% calc(100% - 8rem), 0% 100%);
		clip-path: polygon(0% 8rem, 100% 0%, 100% calc(100% - 8rem), 0% 100%);
	}
	.background-angle.angle2 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% calc(100% - 8rem));
		clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% calc(100% - 8rem));
	}
	.background-angle.angle3 > .background {
		-webkit-clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
		clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
	}
	.background-angle.angle4 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 8rem, 100% calc(100% - 8rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 8rem, 100% calc(100% - 8rem), 0% 100%);
	}
	.background-angle.angle5 > .background {
		-webkit-clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 8rem, 100% 0%, 100% 100%, 0% 100%);
	}
	.background-angle.angle6 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 8rem, 100% 100%, 0% 100%);
	}
	.background-angle.angle7 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 8rem));
	}
	.background-angle.angle8 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 8rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 8rem), 0% 100%);
	}
}

@media (max-width: 480px) {
	.background-angle.angle1,
	.background-angle.angle2,
	.background-angle.angle3,
	.background-angle.angle4,
	.background-angle.angle5,
	.background-angle.angle6 {
		padding-top: 6rem;
	}
	.background-angle.angle1,
	.background-angle.angle2,
	.background-angle.angle3,
	.background-angle.angle4,
	.background-angle.angle7,
	.background-angle.angle8 {
		padding-bottom: 6rem;
	}

	.has-angle-background,
	.background-angle.angle1 + .background-angle.angle1,
	.background-angle.angle1 + .background-angle.angle3,
	.background-angle.angle1 + .background-angle.angle5,
	.background-angle.angle2 + .background-angle.angle2,
	.background-angle.angle2 + .background-angle.angle4,
	.background-angle.angle2 + .background-angle.angle6,
	.background-angle.angle3 + .background-angle.angle2,
	.background-angle.angle3 + .background-angle.angle4,
	.background-angle.angle3 + .background-angle.angle6,
	.background-angle.angle4 + .background-angle.angle1,
	.background-angle.angle4 + .background-angle.angle3,
	.background-angle.angle4 + .background-angle.angle5,
	.background-angle.angle7 + .background-angle.angle2,
	.background-angle.angle7 + .background-angle.angle4,
	.background-angle.angle7 + .background-angle.angle6,
	.background-angle.angle8 + .background-angle.angle1,
	.background-angle.angle8 + .background-angle.angle3,
	.background-angle.angle8 + .background-angle.angle5 {
		margin-top: -6rem;
	}
	@supports (-ms-ime-align:auto) {
	    .background-angle {
			padding: 0!important;
		}
		.background-angle + .background-angle {
			margin-top: 0!important;
		}
	}
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	    .background-angle {
			padding: 0!important;
		}
		.background-angle + .background-angle {
			margin-top: 0!important;
		}
	}
	.background-angle.angle1 > .background {
		-webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% calc(100% - 6rem), 0% 100%);
		clip-path: polygon(0% 6rem, 100% 0%, 100% calc(100% - 6rem), 0% 100%);
	}
	.background-angle.angle2 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% calc(100% - 6rem));
		clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% calc(100% - 6rem));
	}
	.background-angle.angle3 > .background {
		-webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
		clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
	}
	.background-angle.angle4 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 6rem, 100% calc(100% - 6rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 6rem, 100% calc(100% - 6rem), 0% 100%);
	}
	.background-angle.angle5 > .background {
		-webkit-clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% 100%);
		clip-path: polygon(0% 6rem, 100% 0%, 100% 100%, 0% 100%);
	}
	.background-angle.angle6 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% 100%);
		clip-path: polygon(0% 0%, 100% 6rem, 100% 100%, 0% 100%);
	}
	.background-angle.angle7 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - 6rem));
	}
	.background-angle.angle8 > .background {
		-webkit-clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 6rem), 0% 100%);
		clip-path: polygon(0% 0%, 100% 0, 100% calc(100% - 6rem), 0% 100%);
	}
}

@media (max-width: 460px) {
	.menu-close .main-nav .navbar-collapse.with-background > .background,
	.menu-close .sec-nav .navbar-collapse.with-background > .background {
		width: calc(100vw - 78px);
	}
	.menu-close .sec-nav .navbar-collapse.with-background > .background {
		right: calc(-100vw + 78px);
	}
	.menu-close .main-nav .navbar-collapse.with-background > .background {
		left: calc(-100vw + 78px);
	}
}