.pxl-counter {
	.pxl--counter-number {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
	}
}
.pxl-counterslide {
	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-flex;
	vertical-align: middle;
	*vertical-align: auto;
	position: relative;
	.pxl-counterslide-inside {
	  display: inline-flex;
	}
	.pxl-counterslide-digit-spacer {
		visibility: hidden;
	}
	.pxl-counterslide-digit, .pxl-counterslide-digit-spacer {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-flex;
		vertical-align: middle;
		*vertical-align: auto;
		position: relative;
	}
	.pxl-counterslide-digit-inner {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
	}
	.pxl-counterslide-ribbon {
		display: block;
	}
	.pxl-counterslide-ribbon-inner {
		display: block;
		-webkit-backface-visibility: hidden;
	}
	.pxl-counterslide-value {
		display: block;
  		-webkit-transform: translateZ(0);
	}
	.pxl-counterslide-value.pxl-counterslide-last-value {
		position: absolute;
	}
	&.pxl-counterslide-animating-up .pxl-counterslide-ribbon-inner {
		-webkit-transition: -webkit-transform 2s;
		-moz-transition: -moz-transform 2s;
		-ms-transition: -ms-transform 2s;
		-o-transition: -o-transform 2s;
		transition: transform 2s;
	}
	&.pxl-counterslide-animating-up.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	&.pxl-counterslide-animating-down .pxl-counterslide-ribbon-inner {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	&.pxl-counterslide-animating-down.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
		-webkit-transition: -webkit-transform 2s;
		-moz-transition: -moz-transform 2s;
		-ms-transition: -ms-transform 2s;
		-o-transition: -o-transform 2s;
		transition: transform 2s;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

.pxl-counter1 {
	.pxl-counter--inner {
		position: relative;
		@include transition(all 0.3s);
		.pxl-counter--number {
			@include ft_theme_default($ft_theme_default);
			color: #ffffff;
			font-weight: 500;
			font-size: 100px;
			font-style: normal;
			display: flex;
			align-items: baseline;
			line-height: 1.1;
			@media (max-width: 1024px) {
				font-size: 70px;
			}
			@media (max-width: 767px) {
				font-size: 45px;
			}
		}
		.pxl-counter--title {
			font-size: 16px;
			letter-spacing: 0.8px;
			text-transform: uppercase;
			color: #ffffff;
			font-weight: 500;
			@include ft_theme_default($ft_theme_default);
			line-height: 1.4;
			margin-top: 8px;
			padding-left: 4px;
		}
	}
}

.pxl-counter2 {
	.pxl-counter--inner {
		border: 1px solid #d9d9d9;
		padding: 42px 30px 36px 53px;
		.pxl-counter--title {
			font-size: 16px;
			letter-spacing: 1.7px;
			color: #666666;
			font-weight: 500;
			@include ft_theme_default($ft_theme_default);
			position: relative;
			padding-bottom: 17px;
			text-transform: uppercase;
			&:before {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				width: 59px;
				height: 2px;
				background-color: $primary_color;
			}
		}
		.pxl-counter--number {
			font-size: 75px;
			color: $link_color;
			@include ft_theme_default($ft_theme_default);
			line-height: 1;
			display: flex;
			margin-top: 94px;
			.pxl-counter--suffix {
				color: $primary_color;
			}
		}
	}
}

.pxl-counter3 {
	.pxl-counter--inner {
		position: relative;
		padding: 45px 30px 40px 86px;
		@media (max-width: 480px) {
			padding: 45px 30px 40px 40px;
		}
		&:before {
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			-webkit-backdrop-filter: blur(8px);
  			backdrop-filter: blur(8px);
  			z-index: -1;
		}
		.pxl-item-one {
			display: flex;
			.pxl-suffix-one {
				font-size: 32px;
			}
		}
		.pxl-counter--title {
			font-size: 20px;
			color: #ffffff;
			font-weight: 500;
			line-height: 1.1;
			margin-bottom: 20px;
		}
		.pxl-counter--number {
			font-size: 55px;
			color: #ffffff;
			line-height: 1;
			display: flex;
			align-items: baseline;
			@include ft_theme_default($ft_theme_default);
			.pxl-counter--suffix {
				font-size: 25px;
  				margin-left: 10px;
			}
		}
	}
}

.pxl-counter4 {
	.pxl-counter--inner {
		padding: 37px 123px 43px 35px;
		background-color: $primary_color;
		position: relative;
		@media (max-width: 991px) {
			padding: 29px 60px 29px 30px;
		}
		&:after {
			position: absolute;
			content: '';
			top: 0;
			right: -16px;
			width: 16px;
			height: 17px;
			clip-path: polygon(0 0, 0% 100%, 100% 100%);
			background-color: #b13f11;
		}
		.pxl-counter--number {
			@include ft_theme_default($ft_theme_default);
			color: #ffffff;
			font-weight: 500;
			font-size: 65px;
			font-style: normal;
			display: flex;
			align-items: flex-start;
			line-height: 1.1;
			margin-bottom: 5px;
			@media (max-width: 1024px) {
				font-size: 45px;
			}
			@media (max-width: 767px) {
				font-size: 45px;
			}
			.pxl-counter--suffix {
				font-size: 36px;
			}
		}
		.pxl-counter--title {
			font-size: 16px;
			letter-spacing: 0px;
			color: #ffffff;
			font-weight: 500;
		}
	}
}
body.rtl {
	
}