/* ==========================================================================
# Counter style - begin
========================================================================== */

.qodef-counter-holder {
	display: block;
	opacity: 0;
	@include qodefTransition(opacity 0.3s ease-in);
	padding: 20px 0;

	.qodef-counter {
		font-size: 70px;
		line-height: 1em;
		font-weight: 400;
		color: #cecece;
		overflow: hidden;
		display: inline-block !important;
		height: 1em;
	}

    .qodef-counter-separator-holder {
        line-height: 0;
        margin: 0;
        .qodef-counter-separator {
            display: inline-block;
			.qodef-svg-separator-holder .qodef-svg-separator svg {
				width: 45px;
			}
        }
    }

	.qodef-counter-title {
		margin-top: 20px;
	}

	.qodef-counter-text {
		margin: 15px 0 0 0;
	}

	.qodef-counter-with-icon {
		i,
		span {

			font-size: 40px;
			color: #231f20;
			margin-bottom: 24px;
		}
	}

}

.qodef-counter-holder-show {
	opacity: 1;
}

.qodef-counter-holder.left {
	text-align: left;
}

.qodef-counter-holder.right {
	text-align: right;
}

.qodef-counter-holder.center {
	text-align: center;
	padding: 20px 35px;
}

/* ==========================================================================
# Counter style - end
========================================================================== */