/**
*
* TEXT ANIMATION
* 
*/

	/*
	=======================
		TABLE OF CONTENTs
	=======================
	*/
		
		/*

			1.0 ANIMATED
				1.1 CLIP
				1.2 SKEW
				1.3 SLIDE DOWN
				1.4 SLIDE UP
				1.5 SLIDE RIGHT
				1.6 SLIDE RIGHT
			2.0 HIGHLIGHTED
				2.1 CIRCLE
			3.0 HEADING LAYOUTS
			4.0 CURVE

		*/

	.items-orientation--horizontal.animation-style--animated span,
	.items-orientation--horizontal.animation-style--animated .heading {
		display: inline-block;
	}
	
	.nekit-advanced-heading-icon-wrap .heading {
		display: inline-block;
		font-family: 'Lexend';
		vertical-align: top;
	}

	.nekit-advanced-heading-icon-wrap.items-orientation--vertical .heading-inner-wrap span.heading-icon {
		display: block;
	}

	.nekit-advanced-heading-icon-wrap .heading-icon {
		vertical-align: top;
	}



/*
=========================
	1.0 ANIMATED
=========================
*/

	.nekit-advanced-heading-icon-wrap.animation-style--animated {
		overflow: hidden;
	}

	.nekit-advanced-heading-icon-wrap.animation-style--animated .heading {
		margin: 0;
	}

	.nekit-advanced-heading-icon-wrap.animation-style--animated .typed-cursor {
		vertical-align: top;
		margin-top: -3px;
	}


	/*
	=========================
		1.1 CLIP
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation--clip .heading {
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			border-right: 3px solid;
			animation: clip alternate;
			animation-iteration-count: infinite;
			animation-timing-function: ease-in-out;
		}

		@keyframes clip {
			0% {
				width: 0;
			}
		}

	/*
	=========================
		1.2 SKEW
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation--skew .animated-text {
			perspective: 300px;
		}

		.nekit-advanced-heading-icon-wrap.animation--skew .animated-text .heading {
			transform-origin: 50% 100%;
			opacity: 1;
			transform: rotateX(0deg);
			animation: text-animation-skew-out 1.2s infinite;
		}

		@keyframes text-animation-skew-out {
			0% {
				transform: rotateX(0deg);
				opacity: 1;
			}
			35% {
				transform: rotateX(-40deg);
				opacity: .8;
			}
			80% {
				opacity: 0;
			}
			90% {
				opacity: .3;
			}
			100% {
				transform: rotateX(360deg);
				opacity: 1;
			}
		}

	/*
	=========================
		1.3 SLIDE DOWN
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation--slide_down .heading {
			animation: text-animation-slide-down 0.6s infinite;
		}

		@keyframes text-animation-slide-down {
			0% {
				opacity: 0;
				transform: translateY(-100%);
			}
			20% {
				opacity: 1;
				transform: translateY(20%);
			}
			45% {
				transform: translateY(0);
				transform: rotateX(40deg);
			}
			60% {
				opacity: 1;
				transform: translateY(0);
			}
			100% {
				opacity: 0;
				transform: translateY(100%);
			}
		}

	/*
	=========================
		1.4 SLIDE UP
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation--slide_up .heading {
			animation: text-animation-slide-up 0.6s infinite;
		}

		@keyframes text-animation-slide-up {
			0% {
				opacity: 0;
				transform: translateY(100%);
			}
			20% {
				opacity: 1;
				transform: translateY(-20%);
			}
			45% {
				transform: translateY(0);
				transform: rotateX(40deg);
			}
			60% {
				opacity: 1;
				transform: translateY(0);
			}
			100% {
				opacity: 0;
				transform: translateY(-100%);
			}
		}


	/*
	=========================
		1.5 SLIDE RIGHT
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation--slide_right .heading {
			animation: text-animation-slide-right 0.6s infinite;
		}

		@keyframes text-animation-slide-right {
			0% {
				opacity: 0;
				transform: translateX(-100%);
			}
			20% {
				opacity: 1;
				transform: translateX(20%);
			}
			45% {
				transform: translateX(0);
			}
			60% {
				opacity: 1;
				transform: translateX(0);
			}
			100% {
				opacity: 0;
				transform: translateX(100%);
			}
		}

		/*
	=========================
		1.6 SLIDE LEFT
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation--slide_left .heading {
			animation: text-animation-slide-left 0.6s infinite;
		}

		@keyframes text-animation-slide-left {
			0% {
				opacity: 0;
				transform: translateX(100%);
			}
			20% {
				opacity: 1;
				transform: translateX(-20%);
			}
			45% {
				transform: translateX(0);
			}
			60% {
				opacity: 1;
				transform: translateX(0);
			}
			100% {
				opacity: 0;
				transform: translateX(-100%);
			}
		}


/*
=========================
	2.0 HIGHLIGHTED
=========================
*/

	.nekit-advanced-heading-icon-wrap.animation-style--highlighted path {
		stroke-width: 6px;
	}

	/*
	=========================
		2.1 CIRCLE
	=========================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted.animation--circle .highlighted-wrap {
			padding: 4px 10px 10px;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted .highlighted-wrap {
			position: relative;
			padding-bottom: 10px;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted.animation--linethrough .highlighted-wrap {
			padding-bottom: 5px;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted .highlighted-wrap .heading {
			vertical-align: middle;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted svg {
		   	position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%,-50%);
		    overflow: visible;
		    width: 100%;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted svg path {
			animation: text-animation forwards;
		    fill: none;
		    opacity: 0;
		    stroke-dasharray: 0 1500;
		    animation-delay: 2s;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--highlighted .animation-iteration--infinite path {
			animation: text-animation-infinite forwards infinite;
		}

		@keyframes text-animation {
			0% {
				stroke-dasharray: 0 1500;
				opacity: 1;
			}

			100% {
				opacity: 1;
				stroke-dasharray: 1500 1500;
			}
		}

		@keyframes text-animation-infinite {
			0% {
				stroke-dasharray: 0 1500;
				opacity: 1;
			}

			50% {
				opacity: 1;
			    stroke-dasharray: 1500 1500;
			}

			100% {
				stroke-dasharray: 1500 1500;
			}
		}

	/* animation delay */
		.nekit-advanced-heading-icon-wrap.animation-style--highlighted path:last-child {
			animation-delay: calc(2s + 0.6s);
		}


	/* LINE THROUGH */
		.nekit-advanced-heading-icon-wrap.animation--linethrough svg {
			transform: translate(-50%, -43%);
		}


/*
=========================
	3.0 HEADING LAYOUTS
=========================
*/

	.nekit-advanced-heading-icon-wrap.animation-style--normal .heading-inner-wrap,
	.nekit-advanced-heading-icon-wrap.animation-style--normal .heading-inner-wrap span {
		display: inline-block;
	}

	.nekit-advanced-heading-icon-wrap.animation-style--normal .heading-inner-wrap {
		position: relative;
	}


	/*
	============================
		3.1 HEADING LAYOUTS TWO
	============================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--two {
			border-bottom: 2px solid #efefef;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--two .heading-inner-wrap {
			margin-bottom: -2px;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--two .heading {
			padding-bottom: 6px;
			border-bottom: 2px solid #000;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.icon-position--before .heading-inner-wrap .heading,
		.nekit-advanced-heading-icon-wrap.animation-style--normal.icon-position--after .heading-inner-wrap .heading,
		.nekit-advanced-heading-icon-wrap.animation-style--normal .heading-inner-wrap .heading-icon {
			vertical-align: middle;
		}


	/*
	================================
		3.3 HEADING LAYOUTS THREE
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--three {
			border-bottom: 2px solid #000;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--three .heading-inner-wrap .heading {
			background-color: #000;
			color: #fff;
			padding: 3px 12px;
		}


	/*
	================================
		3.4 HEADING LAYOUTS FOUR
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--four .heading-inner-wrap:after {
			content: '';
			width: 3px;
			height: 17px;
			background-color: #000;
			position: absolute;
			left: 0;
			top: 7px;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--four .heading {
			padding-left: 15px;
		}


	/*
	================================
		3.5 HEADING LAYOUTS FIVE
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--five {
			background-color: #e1e1e1;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--five .heading {
			background-color: #000;
			padding: 4px 12px;
			color: #fff;
		}


	/*
	================================
		3.6 HEADING LAYOUTS SIX
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--six .heading-inner-wrap:after {
			content: "";
		    width: 52px;
		    height: 6px;
		    background-color: #000;
		    position: absolute;
		    left: 0;
		    bottom: 10px;
		    opacity: .6;
		    transform: rotate(357deg);
		    z-index: -1;
		}


	/*
	================================
		3.7 HEADING LAYOUTS SEVEN
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--seven {
			border-bottom: 2px solid #efefef;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--seven .heading {
			padding-bottom: 6px;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--seven .heading:after {
			content: '';
			width: 100%;
			height: 2px;
			position: absolute;
			left: 0;
			bottom: 0;
			margin-bottom: -2px;
		}

		/* left */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--seven.alignment--left .heading:after {
			    background: linear-gradient(176deg,#000,transparent);
			}

		/* center */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--seven.alignment--center .heading:after {
			    background: linear-gradient(176deg,transparent,#000,transparent);
			}

		/* right */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--seven.alignment--right .heading:after {
			    background: linear-gradient(176deg,transparent,#000);
			}


	/*
	================================
		3.8 HEADING LAYOUTS EIGHT
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eight .heading-inner-wrap:after {
			content: '';
			height: 2px;
			width: 50px;
			background-color: #000;
			display: block;
		}

		/* left */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eight.alignment--left .heading-inner-wrap:after {
			    margin-right: auto;
			}

		/* center */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eight.alignment--center .heading-inner-wrap:after {
				margin-inline: auto;
			}

		/* right */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eight.alignment--right .heading-inner-wrap:after {
				margin-left: auto;
			}

	/*
	================================
		3.9 HEADING LAYOUTS NINE
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--nine {
			border-bottom: 2px solid #000;

		}

	/*
	================================
		3.10 HEADING LAYOUTS TEN
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--ten .heading {
			background-color: #000;
			padding: 3px 12px;
			color: #fff;
		}


	/*
	================================
		3.11 HEADING LAYOUTS ELEVEN
	================================
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven .heading:after,
		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven .heading:before {
			content: '';
			position: absolute;
			top: 50%;
			height: 2px;
			background-color: #000;
		}

		/* left */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--left .heading {
				padding-right: 100px;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--left .heading:after {
				right: 0;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--left .heading:after {
			    width: 80px;
			}

		/* center */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--center .heading {
				padding: 0 100px;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--center .heading:after {
				right: 0;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--center .heading:before {
				left: 0;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--center .heading:after,
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--center .heading:before {
			    width: 80px;
			}

		/* right */
			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--right .heading {
				padding-left: 100px;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--right .heading:before {
				left: 0;
			}

			.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--eleven.alignment--right .heading:before {
			    width: 80px;
			}

	/*
	-----------------------------------
		HEADING LAYOUT TWELVE
	-----------------------------------
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve .heading-inner-wrap {
			display: flex;
			width: 100%;
			align-items: center;
			-webkit-align-items: center;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve .heading-inner-wrap:before,
		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve .heading-inner-wrap:after {
			content: '';
			display: block;
			border-top: 1px solid #000;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve.alignment--left .heading-inner-wrap:after {
			flex-grow: 1;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve.alignment--center .heading-inner-wrap:after,
		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve.alignment--center .heading-inner-wrap:before {
			flex-grow: 1;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve.alignment--right .heading-inner-wrap:before {
			flex-grow: 1;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--twelve .heading {
			margin-right: 15px;
		}


	/*
	-----------------------------------
		HEADING LAYOUT THIRTEEN
	-----------------------------------
	*/

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--thirteen .heading {
			background: #26c6da;
		    padding: 10px 25px;
		    border-radius: 0 0 12px;
		    color: #fff;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--thirteen .heading:before,
		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--thirteen .heading:after {
			content: '';
		    display: inline-block;
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 0;
		    height: 0;
		    z-index: 1;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--thirteen .heading:before {
		    border-top: 20px solid #fff;
		    border-right: 15px solid transparent;
		}

		.nekit-advanced-heading-icon-wrap.animation-style--normal.widget-layout--thirteen .heading:after {
		    border-right: none;
		    border-top: none;
		    border-bottom: 20px solid #0000004d;
		    border-left: 15px solid transparent;
		    box-shadow: 2px 2px 2px #0000000d;
		}


	/*
	-----------------------------------
		HEADING LAYOUT FOURTEEN
	-----------------------------------
	*/

		.nekit-advanced-heading-icon-wrap.widget-layout--fourteen .heading {
			color: #fff;
			padding: 5px 15px;
		}

		.nekit-advanced-heading-icon-wrap.widget-layout--fourteen .heading:before {
			background: #313131;
		    -webkit-transform: skew(-20deg);
		    -moz-transform: skew(-20deg);
		    -o-transform: skew(-20deg);
		    content: '';
		    position: absolute;
		    bottom: 0;
		    top: 0;
		    left: 0;
		    right: 0;
		    z-index: -1;
		}



/*
=========================
	4.0 CURVE
=========================
*/

	.nekit-advanced-heading-icon-wrap.animation-style--curve svg {
		height: 100%;
	}

	.nekit-advanced-heading-icon-wrap.animation-style--curve text {
		text-shadow: none;
	}



/* DROP STYLE */
	.nekit-advanced-heading-icon-wrap .drop-cap {
		display: inline-block;
	    font-size: 50px;
	    float: left;
	    line-height: 1;
	}