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

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

.background-angle.angle1 > .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.angle2 > .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.angle3 > .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.angle4 > .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.angle5 > .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.angle6 > .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.angle7 > .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%);
}

.background-angle.angle8 > .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));
}

@media (max-width: 767px) {
	.background-angle.angle1 > .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.angle2 > .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.angle3 > .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.angle4 > .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.angle5 > .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.angle6 > .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.angle7 > .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%);
	}
	.background-angle.angle8 > .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));
	}
}

@media (max-width: 480px) {
	.background-angle.angle1 > .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.angle2 > .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.angle3 > .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.angle4 > .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.angle5 > .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.angle6 > .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.angle7 > .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%);
	}
	.background-angle.angle8 > .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));
	}
}

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