// Start Main
//--------------------------------------------------
#pxl-wapper {	
	overflow-x: clip;	
	@media #{$min-xl} {
		.container {
			max-width: 1330px;
			width: 100%;
		}
	}
	@media #{$max-lg} {
		.container {
			max-width: 100%;
		}
	}
	.elementor-widget:not(:last-child) {
		margin-bottom: 0;
	}
	.pxl-sidebar-area {
		@media #{$max-md} {
			margin-top: 100px;	
		}
		@media #{$max-lg} {
			max-width: 50%;
		}
		@media #{$max-sm} {
			max-width: 100%;
		}
		@media #{$max-xs} {
			margin-top: 80px;
		}
	}
	@media #{$min-lg} {
		.pxl-has-sidebar.pxl-sidebar-left {
			flex-direction: row-reverse;
		}
	}
	.elementor-top-section:not(.elementor-section-full_width) .elementor-section.elementor-inner-section > .elementor-container {
		margin: 0 -15px;
		max-width: inherit !important;
	}
	@media #{$max-lg} {
		.elementor-top-section > .elementor-column-gap-extended .elementor-inner-section > .elementor-column-gap-extended {
			margin-left: -15px;
			margin-right: -15px;
		}
	}
}
.single-product {
	#pxl-main {
		padding: 100px 0 194px;
	}
}
#pxl-main {
	padding: 115px 0;
	@media #{$max-lg} {
		padding: 85px 0 105px 0;
	}
}
.blog, .single-post {
	#pxl-main {
		background-color: $fourth_color;
	}
}
.single-post {
	#pxl-main {
		padding: 115px 0;
		@media #{$max-lg} {
			padding: 100px 0;
		}
	}
}
.single-service {
	#pxl-main {
		.elementor-section.elementor-section-boxed > .elementor-container {
			padding: 0;
		}
	}
}
.woocommerce #pxl-wapper #pxl-main {
	@media #{$min-xl} {
		.pxl-has-sidebar.pxl-sidebar-left {
			flex-direction: row-reverse;
		}
	}
	@media #{$max-lg} {
		.pxl-sidebar-area {
			margin-top: 80px;
		}
	}
}
@media #{$min-xl} {
	body:not(.elementor-editor-active) .pxl-row-scroll-fixed {
		> .elementor-container {
			align-items: flex-start;
			justify-content: space-between;
		}
		.pxl-column-sticky {
			position: sticky;
		}
	}
}

@media #{$max-lg} {
	body:not(.elementor-editor-active) .pxl-row-scroll-fixed .pxl-column-sticky {
		top: 0 !important; 
	}
}

body.elementor-editor-active .pxl-row-scroll-fixed .pxl-column-sticky {
	top: 0 !important; 
}

.elementor-page #pxl-content-area.col-12,
.elementor-page #pxl-footer-elementor .row > .col-12 {
	//padding: 0;
}

.single-post .pxl-item--content {
	> .elementor {
		margin: 0 -10px;
	}
}

// Breadcrumb
//--------------------------------------------------
.pxl-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
	padding: 10px 0;
	list-style: none;
	max-width: 100%;
	a {
		position: relative;
		color: inherit;
		padding-right: 15px;
		&:before {
			content: attr(data-hover);
			position: absolute;
			top: 0;
			left: 0;
			right: 100%;
			white-space: nowrap;
			background-color: $secondary_color;
			-webkit-background-clip: text;
			-webkit-text-stroke: 0px;
			-webkit-text-fill-color: transparent;
			@include transition(all 0.7s cubic-bezier(0.19, 1, 0.4, 1));
		}
		&:after {
			content: '\f285';
			font-family: "bootstrap-icons";
			position: absolute;
			top: 50%;
			left: 100%;
			font-size: 12px;
			line-height: 1;
			color: inherit;
			@include transform(translateY(-50%));
			@include transition(none);
		}
		&:hover {
			color: $secondary_color;
			&:before {
				right: 0;
			}
		}
	}
	li {
		position: relative;
		display: inline-flex;
		align-items: center;
		color: $fourth_color;
		max-width: 100%;
		overflow: hidden;
		span {
			font-size: inherit;
			max-width: 100%;
			-ms-word-wrap: break-word;
			word-wrap: break-word;
		}
		&:not(:last-child) {
			padding-right: 25px;
		}
		&:last-child {
			color: $secondary_color;
		}
	}
}

// Start Page Title
//--------------------------------------------------
#pxl-page-title-default {
	position: relative;
	padding: 220px 0;
	background-color: #262626;
	margin: 0 100px;
	@media (max-width: 1366px) {
		width: 100%;
		margin: 0;
	}
	@media (max-width: 767px) {
		padding: 170px 0 190px;
	}
	.pxl-page-title-inner {
		flex-wrap: wrap;
		flex-direction: column;
		@extend .pxl-item--flexsb;
	}
	.container {
		position: relative;
		z-index: 99;
	}
	.pxl-page-title {
		color: $fourth_color;
		font-weight: 600;
		line-height: 1.2;
		margin: 0 15px 0 0;
		max-width: 100%;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		text-align: center;
		@extend .pxl-h2-size;
	}
	.pxl-elementor-bg-parallax {
		&:before {
			background-color: rgba(#000, 0.6);
		}
	}
}
#pxl-page-title-shop {
	padding: 20px 0;
	.pxl-breadcrumb {
		justify-content: left;
	}
	+ #pxl-main{
		padding-top: 140px;
		@media #{$max-lg} {
			padding-top: 100px;
		}
	}
}
.error404 {
	overflow: hidden !important;
	.px-header--default section {
		background-color: transparent;
	}	
	#pxl-main {
		padding: 0;
		.container {
			max-width: 100%;
			padding: 0 100px;
			position: relative;
			@media (max-width: 1366px) {
				padding: 0 15px;
			}
		}
	}
	#pxl-wapper {
		&:before {
			@extend .pxl-spill;
			background: -o-linear-gradient(90.29deg, $fourth_color 19.35%, #ffffff00 196.39%);
			background: linear-gradient(359.71deg, $fourth_color 19.35%, #ffffff00 196.39%);
			z-index: -2;
		}
	}
	#pxl-content-main {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		text-align: center;
		padding: 95px 0 130px;
		@media #{$max-lg} {
			padding: 95px 0 120px;
		}
		.pxl-error-inner {
			margin: auto;			
			@media (min-width: 1280px) {
				width: 842px;
			}
			.pxl-error-heading {
				font-size: 122px;
				line-height: 1.5738;
				color: $secondary_color;
				margin-bottom: -20px;
				@media #{$max-md} {
					font-size: 100px;
				}
				@media #{$max-sm} {
					font-size: 90px;
				}
				@media #{$max-xs} {
					font-size: 70px;
				}
			}
			.pxl-desc {
				margin-bottom: 50px;
				color: $fourth_color;
			}
			.pxl-error-title {
				position: relative;
				color: $fourth_color;
				margin: 0 0 22px;
				&:after {
					left: 73%;
				}
				&:before {
					right: 73%;
				}
				&:after,&:before {
					content: '';
					position: absolute;
					top: 20px;
					width: 235px;
					height: 1px;
					background-color: rgba($fourth_color_hex, 0.3);
				}
				@extend .pxl-h3-size;
				@media #{$max-md} {
					margin: 0 0 15px;
				}
			}
			.search-form {
				margin-bottom: 30px;
				padding: 0 34px;
				@media #{$max-md} {
					padding: 0;
				}
				::-webkit-input-placeholder {
					letter-spacing: 0.78px;
				}
				::-moz-placeholder {
					letter-spacing: 0.78px;
				}
				:-ms-input-placeholder {
					letter-spacing: 0.78px;
				}
				:-moz-placeholder {
					letter-spacing: 0.78px;
				}
				:placeholder {
					letter-spacing: 0.78px;
				}
				.searchform-wrap {
					position: relative;
				}
				.search-field {
					font-size: 13px;
					color: #fff;
					padding: 18px 80px 18px 23px;
					background: rgba(255, 255, 255, 0.1);					
					border-color: rgba(255, 255, 255, 0.2);		
					&::placeholder {
						font-weight: 400;
						font-size: 13px;
						color: #fff;
					}			
				}
				.search-submit {
					position: absolute;
					top: 50%;
					right: 20px;
					font-size: 24px;
					color: $fourth_color;
					background-color: transparent;
					padding: 0;
					border: none;
					cursor: pointer;
					@include transform(translateY(-50%));
					@include transition(all 500ms ease-in-out);
					i {
						display: block;
					}
					&:hover {
						i {
							@include animation(pxl_arrow_lr 1s ease-out);
						}
					}
				}
			}
		}
	}
}
// Start Footer
//--------------------------------------------------
#pxl-footer-default {
	padding: 46.5px 0;
	text-align: center;
	background-color: #232323;
	color: #fff;
	font-weight: 400;
	a {
		color: inherit;
		font-weight: 600;
		&:hover {
			color: #fff;
			text-decoration: underline;
		}
	}
}

.pxl-scroll-top {
	position: fixed;
	width: 55px;
	height: 55px;
	line-height: 55px;
	right: 41px;
	bottom: 70px;
	font-size: 14px;
	text-align: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	border: 1px solid $primary_color;
	@extend .pxl-item--flexct;
	@media #{$max-lg} {
		right: 15px;
		bottom: 50px;
	}
	@media #{$max-md} {
		bottom: 25px;
	}
	&:before {
		content: '';
		position: absolute;
		top: -50px;
		width: 1px;
		height: 33px;
		opacity: 0;
		visibility: hidden;
		@extend .pxl-bg-pri-sec ;
		@include transition(inherit);
	}
	a {
		width: 100%;
		height: 100%;
		font-weight: 500;
		margin-top: 10px;
		@extend .pxl-color-pri-sec;
		&:hover {
			@extend .pxl-color-sec-fou;
		}
	}
	&.pxl-on {
		opacity: 1;
		visibility: visible;
		@extend .pxl-bg-fou-six;
		&:before {
			top: -17px;
			opacity: 1;
			visibility: visible;
		}
	}
}

.pxl-footer-fixed {
	#pxl-footer-elementor {
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 1;
		@media #{$max-lg} {
			position: static;
		}
	}
	#pxl-header-elementor {
		background-color: #fff;
	}
	#pxl-main {
		position: relative;
		z-index: 2;
		background-color: #fff;
		@media #{$max-lg} {
			margin-bottom: 0 !important;
		}
	}
}

/* Mouse Move Animation */
.pxl-enable-cursor .pxl-drag-area {
	cursor: none;
}
.pxl-cursor {
	position: fixed;
	width: 12px;
	height: 12px;
	background-color: $primary_color;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	@include border-radius(100%);
	@include transform(scale(1));
	@include transform-origin(center);
	@include transition(transform 0.3s linear, opacity 0.2s linear);
	&.active {
		color: #FFF;
		background-color: rgba(255, 255, 255, 0.6);
		opacity: 1;
		@include transform(scale(0));
	}
	&:not(.active) {
		mix-blend-mode: difference;
	}
	&.none-follower {
		&.active {
			@include transform(scale(2.5));
		}
	}
	&.hide {
		opacity: 0;
	}
}
.pxl-cursor-follower {
	position: fixed;
	width: 20px;
	height: 20px;
	background-color: rgba(166, 161, 130, 0.2);
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	@include border-radius(100%);
	@include transform(translate(2px, 2px));
	@include transform-origin(center);
	@include transition(0.4s transform linear, opacity 0.2s linear, background 0.2s linear, width 0.2s linear, height 0.2s linear);
	&.active {
		color: #FFF;
		background-color: transparent;
		opacity: 1;
		width: 40px;
		height: 40px;
		&:before {
			content: "";
			position: absolute;
			left: -10px;
			top: -10px;
			display: block;
			width: 100%;
			height: 100%;
			background: transparent;
			border: 1px dashed $primary_color;
			@include border-radius(100%);
			@include animation(pxl_spin 4s linear infinite);
			@include transform(none);
			@include transform-origin(unset);
		}
		&.video {
			background-color: rgba(255, 255, 255, 0.6);
		}
	}
	&:not(.active) {
		mix-blend-mode: difference;
	}
	&.hide {
		opacity: 0;
	}
}

.pxl-cursor-drag {
	position: fixed;
	width: 40px;
	height: 40px;
	color: #FFF;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference;
	z-index: 1000;
	@extend .pxl-item--flexct;
	@include border-radius(100%);
	@include transform(scale(0.5));
	@include transform-origin(center);
	@include transition(all .08s linear);
	> * {
		display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
	}
	&.active {
		opacity: 1;
		@include transform(scale(1));
	}
	&.hide {
		opacity: 0;
	}
	.pxl-overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, .08);
		@include box-shadow(0 0 10px rgba(255, 255, 255, 0.4));
		@include border-radius(100%);
		@include transition(all .3s ease);
	}
	.icon {
		position: absolute;
		font-size: 16px;
		color: #FFF;
		z-index: 1;
		@include transition(all .3s ease);
		&.icon-left {
			left: -22px;
		}
		&.icon-right {
			right: -22px;
		}
	}
	&.clicked {
		width: 70px;
		height: 70px;
		.pxl-overlay {
			@include transform(scale(0.8));
		}
		.icon-left {
			@include transform(translateX(-50px));
		}
		.icon-right {
			@include transform(translateX(50px));
		}
	}
}
/* End Mouse Move Animation */

/* Day-Night Mode Switcher */
.pxl-switch-button {
	position: fixed;
	right: 20px;
	top: calc(100vh / 4);
	cursor: pointer;
	z-index: 9998;
	@media #{$max-lg} {
		right: 15px;
	}
	@media #{$max-xs} {
		@include transform(scale(0.8));
	}
	span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50px;
		height: 50px;
		font-size: 30px;
		overflow: hidden;
		border: 1px solid $fourth_color;
		background-color: $primary_color;
		color: $fourth_color;
		@include border-radius(50%);
		&:before {
			content: "\f5a1";
			font-family: "bootstrap-icons";
			position: absolute;
			@extend .pxl-middle;
			@extend .pxl-custom-transition;
		}
		&:active:before {
			@include animation(pxl_scale_lr3 500ms linear);
		}
	}
}
/* End Day-Night Mode Switcher */

/* Grid Lines */
.pxl-grid-lines {
	padding: 0 7.15%;
	@extend .pxl-item--flexsb;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	pointer-events: none;
	overflow: hidden;
	z-index: -1;
	&:not(.grid-mobile) {
		@media #{$max-sm} {
			display: none !important;
		}
	}
	span {
		position: relative;
		display: inline-block;
		width: 1px;
		height: 100%;
		background-color: $gridlight_color;
		mix-blend-mode: difference;
		@include transition(none !important);
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 1px;
			height: 60px;
			background: rgb(255,255,255);
			background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.00000001)));
			background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.00000001) 100%);
			background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.00000001) 100%);
			@include animation(pxl_grid_fall 25s linear infinite);
		}
		&:nth-child(2) {
			&:before {
				-webkit-animation-delay: 1s;
				animation-delay: 1s;
			}
		}
		&:nth-child(4) {
			&:before {
				-webkit-animation-delay: 1s;
				animation-delay: 1s;
			}
		}
		&:nth-child(6) {
			&:before {
				-webkit-animation-delay: 1s;
				animation-delay: 1s;
			}
		}
	}
}
.pxl-show-grid {
	.pxl-grid-lines {
		z-index: 1;
	}
	&.grid-dark {
		.pxl-grid-lines {
			span {
				background-color: #191919;
			}
		}
	}
	&.no-ani {
		.pxl-grid-lines {
			span:before {
				display: none;
			}
		}
	}
}
.pxl-show-grid-yes {
	.pxl-grid-lines {
		z-index: 1;
	}
}
/* End Grid Lines */

// Start Elementor Grid
//--------------------------------------------------
.elementor-editor-active {
	#pxl-header-default, #pxl-header-elementor, #pxl-page-title-default, #pxl-footer-elementor, .pxl-menu-primary .sub-menu, .pxl-menu-primary .children, #pxl-page-title-elementor {
		display: none;
	}
	&.single-footer, &.single-header {
		#pxl-main {
			max-width: 1330px;
			padding: 0 15px;
			margin: auto;
		}
	}
}

// Lightbox Popup
//--------------------------------------------------
body {
	img.mfp-img {
		padding: 0 !important;
	}
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.85;
		background-color: #000;
	}
	.mfp-bottom-bar {
		margin-top: 0;
	}
	.mfp-wrap .mfp-container {
		.mfp-content {
			max-width: 1170px;
			position: static;
			.mfp-close {
				padding: 0;
				right: 0;
				text-align: center;
				top: -36px;
				width: 36px;
				height: 36px;
				@include border-radius(0);
				background: rgba(#fff, 1);
				cursor: pointer;
				opacity: 1;
				font-size: 0px;
				border: 9px solid transparent;
				position: absolute;
				&:before, &:after {
					content: '';
					position: absolute;
					height: 2px;
					width: 100%;
					top: 50%;
					left: 0;
					margin-top: -1px;
					transform-origin: 50% 50%;
					@include transition(.2s cubic-bezier(.24,.74,.58,1));
					background-color: #222;
				}
				&:before {
					@include transform(rotate(45deg));
				}
				&:after {
					@include transform(rotate(-45deg));
				}
				&:hover {
					&:before, &:after {
						@include transform(rotate(0deg));
					}
				}
			}
		}
		.mfp-iframe-scaler {
			position: relative;
			overflow: visible;
		}
		.mfp-arrow {
			background-color: $primary_color;
			width: 60px;
			height: 120px;
			opacity: 1;
			&:before, &:after {
				border: none;
			}
			&:before {
				font-family: "bootstrap-icons";
				font-size: 30px;
				color: #FFF;
				margin: 0;
				padding: 0;
				line-height: normal;
				position: absolute;
				top: 50%;
				display: block;
				opacity: 1;
				left: 50%;
				width: auto;
				height: auto;
				@include transform(translate(-50%, -50%));
			}
			&.mfp-arrow-left:before {
				content: '\f12f';
			}
			&.mfp-arrow-right:before {
				content: '\f138';
			}
		}
	}
	@media #{$min-xl} {
		.mfp-wrap .mfp-container {
			padding: 0 120px;
		}
	}
}

@media #{$min-lg} {
	body.blog , body.single-post {
		.pxl-content-wrap.no-sidebar .pxl-content-area {
			max-width: 1330px;
			margin-left: auto;
			margin-right: auto;
		}
	}
}

// Site Loader
//--------------------------------------------------
.pxl-loader {
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	.pxl-loader-inner {
		@extend .pxl-middle;
	}
	&.style-triangle {
		.loader-triangle {
			position: relative;
			display: inline-block;
			width: 48px;
			height: 44px;
			&:before {
				content: '';
				position: absolute;
				top: 37px;
				left: 21px;
				display: block;
				width: 6px;
				height: 6px;
				background: $secondary_color;
				@include border-radius(50%);
				@include transform(translate(-10px, -18px));
				@include animation(pxl_dot_triangle 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite);
			}
			svg {
				display: block;
				width: 100%;
				height: 100%;
				polygon {
					fill: none;
					stroke: $primary_color;
					stroke-width: 6px;
					stroke-linejoin: round;
					stroke-linecap: round;
					stroke-dasharray: 145 76 145 76;
					stroke-dashoffset: 0;
					@include animation(pxl_path_triangle 3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite);
				}
			}
		}
	}
	&.style-text {
		@include transition(all 1s ease-in-out);
		.pxl-loader-inner {
			width: 100%;
		}
		.preloader-inner {
			.spinner {
				border: 3px solid rgba(#000, 0.20);
				border-top-color: $primary_color;
				width: 60px;
				height: 60px;
				margin: 0 auto;
				@include border-radius(50%);
				@include animation(pxl_load_spinner 1s infinite linear);
				+ .loading-text {
					margin-top: 3%;
				}
				@media #{$max-xs} {
					width: 50px;
					height: 50px;
				}
			}
			.loading-text {
				font-size: calc(26px + 1.8vw);
				line-height: 60px;
				font-weight: 700;
				text-transform: uppercase;				
				text-align: center;
				user-select: none;
				@include transition(all 0.5s ease-in-out);
				span {
					position: relative;
					display: inline-block;
					color: rgba(0, 0, 0, 0.20);
					margin: 0 8px;
					@media #{$max-xs} {
						margin: 0 5px;
					}
					&:before {
						content: attr(data-text);
						position: absolute;
						left: 0;
						top: 0px;
						opacity: 0;
						color: rgba(0, 0, 0, 1);;
						@include transform(rotateY(-90deg));
						@include animation(pxl_load_characters 4s infinite);
					}
					@for $i from 2 through 200 {
						&:nth-child(#{$i}):before {
							-webkit-animation-delay: #{0.2s * ($i - 1)};
							animation-delay: #{0.2s * ($i - 1)};
						}
					}
				}
			}
		}
		&.hide {
			opacity: 0;
			visibility: hidden;
			width: 0%;
			.preloader-inner .loading-text {
				opacity: 0;
				visibility: hidden;
			}
		}
	}
	&.style-text-blend {
		background-color: #000000;
		.loading-text {
			position: relative;
			text-align: center;
			user-select: none;
			span {
				color: #FFF;
				font-size: calc(26px + 1.8vw);
				font-weight: 700;
				text-transform: uppercase;
				line-height: 1;
				letter-spacing: 5px;
				mix-blend-mode: difference;
			}
			&:before {
				content: "";
				position: absolute;
				left: 0;
				top: 0;
				width: 100px;
				height: 100%;
				background-color: #FFF;
				animation: pxl_text_move 4s linear infinite;
			}
		}
	}
	&.style-home-assistant {
		position: fixed;
		left: 0%;
		right: 0%;
		top: 0%;
		width: 100vw;
		height: 100vh;
		background-color: $primary_color;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 9999;
		transition: transform .5s linear, -webkit-transform .5s linear;
		img {
			height: 58px;	
		}
		.wheel {
			position: absolute;
			left: 52%;
			transform: translateX(-50%);
			transform-origin: center;
			top: 9px;
			animation: spinner 2.5s infinite linear;
			display: inline-block;
			width: auto;
		}
		&.hide {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
			-webkit-transform-origin: center top;
			transform-origin: center top;
			transition-delay: .2s;
		}
	}
}

.pxl-section-effect-images {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	.pxl-item--image {
		position: absolute;
		&.dark {
			display: none;
		}
	}
}
// 
.pxl-divider-border {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	@media #{$max-lg} {
		left: 0;
		right: 0;
	}
	.pxl-divider-border-top {
		height: 236px;
		width: 1px;
		background-color: $primary_color;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
		@media (max-width: 767px) {
			height: 150px;
		}
		&.pause {
			animation: pxl_spin_180 1000ms linear;					
		}
	}
	.pxl-divider-border-bottom-effect {
		display: block;
		position: relative;
		height: 100%;
		overflow: hidden;
		bottom: -80px;
	}
	.pxl-divider-border-bottom {
		background-color: transparent;
		height: 1010px;
		width: 1010px;
		position: absolute;
		border-radius: 50%;
		border: 1px solid #2C2B2B;
		left: 50%;
		transform: translate(-50%, 50%);
		.loader-line-mask {		
			position: absolute;
			left: 50%;
			top: 50%;
			width: 100px;
			height: 100%;
			margin-left: -505px;
			margin-top: -505px;
			overflow: hidden;
			transform-origin: 505px 505px;
			animation: pxl_spin 1.2s infinite linear;
			.loader-line {
				height: 1010px;
				width: 1010px;
				border-radius: 50%;
				@include background-gradient-bottom(rgba(#fff, 0.44), rgba(#fff, 0));
				background-color: transparent;
				position: relative;
				&:before {
					content: '';
					position: absolute;
					top: 1px;
					left: 1px;
					right: 1px;
					bottom: 1px;
					background-color: #0F0F0F;
					z-index: 99;
					border-radius: inherit;
				}
			}
		}
	}
	.pxl-divider-border-top {
		top: -110px;
		@media (max-width: 767px) {
			top: -80px;
		}
	}
	.pxl-divider-border-bottom {
		bottom: -20px;
	}
}
// 
.pxl-row-divider-vertical1 {
	.pxl-divider-vertical {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		max-width: 1350px;
		margin: 0 auto;
		> div {
			background-color: rgba(#DDDDDD, 0.4);;
			position: absolute;
			width: 1px;
			height: 100%;
			top: 0;
			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 1px;
				height: 60px;
				background: linear-gradient(0deg, rgba($primary_color_hex, 0.5) 0%, rgba(255, 255, 255, 0.00000001) 100%);
				animation: pxl_grid_fall 10s linear infinite;
			}
		}
		.pxl-section-line1 {
			left: 0;
		}
		.pxl-section-line2 {
			left: 33%;
		}
		.pxl-section-line3 {
			left: 67%;
		}
		.pxl-section-line4 {
			left: 100%;
		}
	}
}
.pxl-divider-line {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	+ .elementor-container {
		z-index: 1;
	}
	&:hover {
		.pxl-divider-border-left,.pxl-divider-border-right {
			width: 20%;
		}
	}	
	&:after {
		content: '';
		position: absolute;
		aspect-ratio: 1 / 1;
		width: 100%;
		background-color: transparent;
		border: 1px solid rgba(255, 255, 255, 0.20);
		border-radius: 50%;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}
	.pxl-divider-border-left,.pxl-divider-border-right {
		width: 23.256%;
		height: 1px;
		background-color: rgba(255, 255, 255, 0.30);
		position: absolute;
		transform: translateY(-50%);
		@include transition(all 600ms ease);		
		top: 50%;
		z-index: 1;
	}
	.pxl-divider-border-left {
		left: 0;
	}
	.pxl-divider-border-right {
		right: 0;
	}
}