/* Top Navigation Style */
.pix-overlay {
	width: 100vw;
	height: 100vh;
	// display: flex;
	display: none;
	-webkit-box-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	        align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 9999999999999;
}
body.pix-body-loaded .pix-overlay {
	display: -webkit-box;
	display: flex;
}
.demo-5 .pix-overlay {
	text-align: center;
}

.pix-overlay-item {
	opacity: 0;
	-webkit-transform: translateY(-100%);
	        transform: translateY(-100%);
	pointer-events: none;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-webkit-transition-timing-function: ease-in;
	        transition-timing-function: ease-in;
}

.pix-overlay-item--style-2:nth-child(odd) {
	-webkit-transform: translateY(-100%) rotate(10deg);
	        transform: translateY(-100%) rotate(10deg);
}

.pix-overlay-item--style-2:nth-child(even) {
	-webkit-transform: translateY(-100%) rotate(-10deg);
	        transform: translateY(-100%) rotate(-10deg);
}

.pix-overlay-item--style-3 {
	-webkit-transition: opacity 0.1s, -webkit-transform 0.1s;
	transition: opacity 0.1s, -webkit-transform 0.1s;
	transition: transform 0.1s, opacity 0.1s;
	transition: transform 0.1s, opacity 0.1s, -webkit-transform 0.1s;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
}

.pix-overlay-item--style-4,
.pix-overlay-item--style-5 {
	-webkit-transition: opacity 0.1s, -webkit-transform 0.1s;
	transition: opacity 0.1s, -webkit-transform 0.1s;
	transition: transform 0.1s, opacity 0.1s;
	transition: transform 0.1s, opacity 0.1s, -webkit-transform 0.1s;
	-webkit-transition-timing-function: ease-out;
	        transition-timing-function: ease-out;
}

.pix-overlay-item--style-4 {
	-webkit-transform: translateX(40%);
	        transform: translateX(40%);
}

.pix-overlay-item--style-5:nth-child(odd) {
	-webkit-transform: translateX(100%) rotate(10deg) scale(0.5);
	        transform: translateX(100%) rotate(10deg) scale(0.5);
}

.pix-overlay-item--style-5:nth-child(even) {
	-webkit-transform: translateX(100%) rotate(-10deg) scale(0.5);
	        transform: translateX(100%) rotate(-10deg) scale(0.5);
}

.pix-overlay-item--style-6 {
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
}

.pix-overlay-item.is-opened {
	opacity: 1;
	-webkit-transform: translateY(0) rotate(0);
	        transform: translateY(0) rotate(0);
	pointer-events: auto;
	-webkit-transition-timing-function: ease;
	        transition-timing-function: ease;
}

.pix-overlay-item--style-4.is-opened,
.pix-overlay-item--style-5.is-opened {
	-webkit-transform: translateX(0) rotate(0);
	        transform: translateX(0) rotate(0);
}

.pix-overlay-item--style-4.is-opened {
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.355, 1.400);
	        transition-timing-function: cubic-bezier(0.230, 1.000, 0.355, 1.400);
}

.pix-overlay-item:nth-of-type(1) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item.is-opened:nth-of-type(1) {
	-webkit-transition-delay: 0.85s;
	        transition-delay: 0.85s;
}

.pix-overlay-item:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	        transition-delay: 0.05s;
}

.pix-overlay-item.is-opened:nth-of-type(2) {
	-webkit-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}

.pix-overlay-item:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.pix-overlay-item.is-opened:nth-of-type(3) {
	-webkit-transition-delay: 0.75s;
	        transition-delay: 0.75s;
}

.pix-overlay-item:nth-of-type(4) {
	-webkit-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}

.pix-overlay-item.is-opened:nth-of-type(4) {
	-webkit-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}

/* demo 2 */
.pix-overlay-item--style-2:nth-of-type(1) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-2.is-opened:nth-of-type(1) {
	-webkit-transition-delay: 0.85s;
	        transition-delay: 0.85s;
}

.pix-overlay-item--style-2:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	        transition-delay: 0.05s;
}

.pix-overlay-item--style-2.is-opened:nth-of-type(2) {
	-webkit-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}

.pix-overlay-item--style-2:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.pix-overlay-item--style-2.is-opened:nth-of-type(3) {
	-webkit-transition-delay: 0.75s;
	        transition-delay: 0.75s;
}

.pix-overlay-item--style-2:nth-of-type(4) {
	-webkit-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}

.pix-overlay-item--style-2.is-opened:nth-of-type(4) {
	-webkit-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}

/* demo 3 */
.pix-overlay-item--style-3.is-opened {
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
}

.pix-overlay-item--style-3:nth-of-type(1) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-3.is-opened:nth-of-type(1) {
	-webkit-transition-delay: 0.65s;
	        transition-delay: 0.65s;
}

.pix-overlay-item--style-3:nth-of-type(2) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-3.is-opened:nth-of-type(2) {
	-webkit-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}

.pix-overlay-item--style-3:nth-of-type(3) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-3.is-opened:nth-of-type(3) {
	-webkit-transition-delay: 0.75s;
	        transition-delay: 0.75s;
}

.pix-overlay-item--style-3:nth-of-type(4) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-3.is-opened:nth-of-type(4) {
	-webkit-transition-delay: 0.8s;
	        transition-delay: 0.8s;
}

/* demo 4 */
.pix-overlay-item--style-4.is-opened {
	-webkit-transition-duration: 0.6s;
	        transition-duration: 0.6s;
}

.pix-overlay-item--style-4:nth-of-type(1) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-4.is-opened:nth-of-type(1) {
	-webkit-transition-delay: 0.45s;
	        transition-delay: 0.45s;
}

.pix-overlay-item--style-4:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	        transition-delay: 0.05s;
}

.pix-overlay-item--style-4.is-opened:nth-of-type(2) {
	-webkit-transition-delay: 0.5s;
	        transition-delay: 0.5s;
}

.pix-overlay-item--style-4:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.pix-overlay-item--style-4.is-opened:nth-of-type(3) {
	-webkit-transition-delay: 0.55s;
	        transition-delay: 0.55s;
}

.pix-overlay-item--style-4:nth-of-type(4) {
	-webkit-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}

.pix-overlay-item--style-4.is-opened:nth-of-type(4) {
	-webkit-transition-delay: 0.6s;
	        transition-delay: 0.6s;
}

/* demo 5 */
.pix-overlay-item--style-5.is-opened {
	-webkit-transition-duration: 0.4s;
	        transition-duration: 0.4s;
}

.pix-overlay-item--style-5:nth-of-type(1) {
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.pix-overlay-item--style-5.is-opened:nth-of-type(1) {
	-webkit-transition-delay: 0.55s;
	        transition-delay: 0.55s;
}

.pix-overlay-item--style-5:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	        transition-delay: 0.05s;
}

.pix-overlay-item--style-5.is-opened:nth-of-type(2) {
	-webkit-transition-delay: 0.6s;
	        transition-delay: 0.6s;
}

.pix-overlay-item--style-5:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.pix-overlay-item--style-5.is-opened:nth-of-type(3) {
	-webkit-transition-delay: 0.65s;
	        transition-delay: 0.65s;
}

.pix-overlay-item--style-5:nth-of-type(4) {
	-webkit-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}

.pix-overlay-item--style-5.is-opened:nth-of-type(4) {
	-webkit-transition-delay: 0.7s;
	        transition-delay: 0.7s;
}

/* demo 6 */
.pix-overlay-item--style-6.is-opened {
	-webkit-transition-duration: 0.8s;
	        transition-duration: 0.8s;
}

.pix-overlay-item--style-6:nth-of-type(1) {
	-webkit-transition-delay: 0.25s;
	        transition-delay: 0.25s;
}

.pix-overlay-item--style-6.is-opened:nth-of-type(1) {
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}

.pix-overlay-item--style-6:nth-of-type(2) {
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}

.pix-overlay-item--style-6.is-opened:nth-of-type(2) {
	-webkit-transition-delay: 1.1s;
	        transition-delay: 1.1s;
}

.pix-overlay-item--style-6:nth-of-type(3) {
	-webkit-transition-delay: 0.15s;
	        transition-delay: 0.15s;
}

.pix-overlay-item--style-6.is-opened:nth-of-type(3) {
	-webkit-transition-delay: 1.2s;
	        transition-delay: 1.2s;
}

.pix-overlay-item--style-6:nth-of-type(4) {
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.pix-overlay-item--style-6.is-opened:nth-of-type(4) {
	-webkit-transition-delay: 1.3s;
	        transition-delay: 1.3s;
}
.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
}
.shape-overlays.is-opened {
	pointer-events: auto;
}
.shape-overlays__path {
	opacity: 0.7;
}