<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 157.5 59" style="enable-background:new 0 0 157.5 59;" xml:space="preserve">
<path id="control_the_experience-0" class="control_the_experience-mobile" d="M4.9,17.3c0-6.1,4.6-10.2,10.5-10.2c4.3,0,6.9,2.4,8.2,4.8l-3.6,1.8
	c-0.8-1.6-2.6-2.9-4.6-2.9c-3.6,0-6.2,2.7-6.2,6.5c0,3.7,2.6,6.5,6.2,6.5c2,0,3.8-1.2,4.6-2.9l3.6,1.7c-1.4,2.5-3.9,4.8-8.2,4.8
	C9.6,27.5,4.9,23.4,4.9,17.3z"/>
<path id="control_the_experience-1" class="control_the_experience-mobile" d="M25.2,20c0-4,2.8-7.5,7.5-7.5s7.6,3.4,7.6,7.5s-2.8,7.5-7.6,7.5C28,27.5,25.2,24.1,25.2,20z
	 M36.3,20c0-2.2-1.3-4.1-3.7-4.1S29,17.8,29,20s1.3,4.2,3.6,4.2S36.3,22.3,36.3,20z"/>
<path id="control_the_experience-2" class="control_the_experience-mobile" d="M52.7,27.2v-8.6c0-2-1-2.7-2.6-2.7c-1.5,0-2.6,0.8-3.2,1.7v9.6h-3.7V12.9h3.7v1.9
	c0.9-1.1,2.7-2.2,5-2.2c3.1,0,4.6,1.8,4.6,4.5v10.1C56.5,27.2,52.7,27.2,52.7,27.2z"/>
<path id="control_the_experience-3" class="control_the_experience-mobile" d="M60.8,23.6v-7.4h-2.4v-3.3h2.4V9h3.8v3.9h2.9v3.3h-2.9v6.4c0,0.9,0.5,1.6,1.3,1.6
	c0.6,0,1.1-0.2,1.3-0.4l0.8,2.8c-0.6,0.5-1.6,0.9-3.1,0.9C62.3,27.5,60.8,26.2,60.8,23.6z"/>
<path id="control_the_experience-4" class="control_the_experience-mobile" d="M70.2,27.2V12.9h3.7v1.9c1-1.3,2.8-2.3,4.5-2.3v3.7c-0.3-0.1-0.6-0.1-1-0.1
	c-1.2,0-2.9,0.7-3.5,1.6v9.4h-3.7V27.2z"/>
<path id="control_the_experience-5" class="control_the_experience-mobile" d="M79.8,20c0-4,2.8-7.5,7.5-7.5s7.6,3.4,7.6,7.5s-2.8,7.5-7.6,7.5C82.7,27.5,79.8,24.1,79.8,20
	z M91.1,20c0-2.2-1.3-4.1-3.7-4.1c-2.3,0-3.6,1.9-3.6,4.1s1.3,4.2,3.6,4.2C89.8,24.2,91.1,22.3,91.1,20z"/>
<path id="control_the_experience-6" class="control_the_experience-mobile" d="M97.8,27.2V7.5h3.7v19.7H97.8z"/>
<path id="control_the_experience-7" class="control_the_experience-mobile" d="M113.4,23.6v-7.4H111v-3.3h2.4V9h3.8v3.9h2.9v3.3h-2.9v6.4c0,0.9,0.5,1.6,1.3,1.6
	c0.6,0,1.1-0.2,1.3-0.4l0.8,2.8c-0.6,0.5-1.6,0.9-3.1,0.9C114.8,27.5,113.4,26.2,113.4,23.6z"/>
<path id="control_the_experience-8" class="control_the_experience-mobile" d="M132.4,27.2v-8.7c0-2-1-2.6-2.7-2.6c-1.4,0-2.6,0.8-3.2,1.7v9.6h-3.7V7.5h3.7v7.3
	c0.9-1.1,2.7-2.2,5-2.2c3.1,0,4.6,1.7,4.6,4.5v10.1C136.1,27.2,132.4,27.2,132.4,27.2z"/>
<path id="control_the_experience-9" class="control_the_experience-mobile" d="M138.9,20c0-4.1,3-7.5,7.4-7.5c4.3,0,7.1,3.2,7.1,7.9v0.8h-10.6c0.2,1.8,1.7,3.3,4.1,3.3
	c1.2,0,2.9-0.5,3.8-1.4l1.7,2.4c-1.4,1.3-3.7,2-5.9,2C142.1,27.5,138.9,24.6,138.9,20z M146.2,15.5c-2.3,0-3.3,1.7-3.5,3.2h7
	C149.8,17.3,148.8,15.5,146.2,15.5z"/>
<path id="control_the_experience-10" class="control_the_experience-mobile" d="M21.6,44.6c0-3.2,2.3-5.9,5.8-5.9c3.4,0,5.5,2.5,5.5,6.2v0.6h-8.2c0.2,1.4,1.3,2.6,3.2,2.6
	c0.9,0,2.3-0.4,3-1.1l1.3,1.9c-1.1,1-2.9,1.6-4.6,1.6C24.2,50.4,21.6,48.1,21.6,44.6z M27.4,41c-1.8,0-2.6,1.3-2.7,2.5h5.5
	C30.1,42.4,29.3,41,27.4,41z"/>
<path id="control_the_experience-11" class="control_the_experience-mobile" d="M42,50.2l-2.5-3.7l-2.6,3.7h-3.3l3.9-5.7l-3.7-5.4H37l2.3,3.4l2.3-3.4h3.3l-3.7,5.4l4,5.7
	H42z"/>
<path id="control_the_experience-12" class="control_the_experience-mobile" d="M49.6,48.7v5.7h-2.9V39h2.9v1.4c0.9-1.1,2.1-1.7,3.4-1.7c2.9,0,4.9,2.1,4.9,5.9
	c0,3.7-2.1,5.9-4.9,5.9C51.7,50.4,50.5,49.9,49.6,48.7z M54.9,44.6c0-2-1.1-3.2-2.8-3.2c-0.9,0-2,0.5-2.5,1.2v3.9
	c0.5,0.7,1.6,1.2,2.5,1.2C53.8,47.8,54.9,46.5,54.9,44.6z"/>
<path id="control_the_experience-13" class="control_the_experience-mobile" d="M59.4,44.6c0-3.2,2.3-5.9,5.8-5.9c3.4,0,5.5,2.5,5.5,6.2v0.6h-8.3c0.2,1.4,1.3,2.6,3.2,2.6
	c0.9,0,2.3-0.4,3-1.1l1.3,1.9c-1.1,1-2.9,1.6-4.6,1.6C61.9,50.4,59.4,48.1,59.4,44.6z M65.1,41c-1.8,0-2.6,1.3-2.7,2.5h5.5
	C67.9,42.4,67.1,41,65.1,41z"/>
<path id="control_the_experience-14" class="control_the_experience-mobile" d="M72.9,50.2V39h3v1.5c0.8-1,2.2-1.8,3.5-1.8v2.9c-0.2-0.1-0.5-0.1-0.8-0.1
	c-0.9,0-2.3,0.5-2.7,1.2v7.3L72.9,50.2L72.9,50.2z"/>
<path id="control_the_experience-15" class="control_the_experience-mobile" d="M80.8,36c0-0.9,0.8-1.7,1.7-1.7s1.7,0.8,1.7,1.7c0,0.9-0.8,1.7-1.7,1.7
	C81.7,37.8,80.8,37.1,80.8,36z M81.1,50.2V39h3v11.2H81.1z"/>
<path id="control_the_experience-16" class="control_the_experience-mobile" d="M86.3,44.6c0-3.2,2.3-5.9,5.8-5.9c3.4,0,5.5,2.5,5.5,6.2v0.6h-8.3c0.2,1.4,1.3,2.6,3.2,2.6
	c0.9,0,2.3-0.4,3-1.1l1.3,1.9c-1.1,1-2.9,1.6-4.6,1.6C88.8,50.4,86.3,48.1,86.3,44.6z M92,41c-1.8,0-2.6,1.3-2.7,2.5h5.5
	C94.7,42.4,93.9,41,92,41z"/>
<path id="control_the_experience-17" class="control_the_experience-mobile" d="M107.2,50.2v-6.7c0-1.6-0.8-2.1-2-2.1c-1.2,0-2,0.6-2.5,1.3v7.5h-3V39h3v1.5
	c0.7-0.9,2.1-1.7,3.9-1.7c2.4,0,3.6,1.4,3.6,3.5v7.9C110.1,50.2,107.2,50.2,107.2,50.2z"/>
<path id="control_the_experience-18" class="control_the_experience-mobile" d="M112.3,44.6c0-3.4,2.5-5.9,5.9-5.9c2.3,0,3.7,1,4.4,2l-2,1.8c-0.5-0.8-1.3-1.2-2.3-1.2
	c-1.8,0-3,1.3-3,3.2c0,2,1.2,3.3,3,3.3c1,0,1.8-0.5,2.3-1.2l2,1.8c-0.7,1-2.1,2-4.4,2C114.8,50.4,112.3,48,112.3,44.6z"/>
<path id="control_the_experience-19" class="control_the_experience-mobile" d="M123.8,44.6c0-3.2,2.3-5.9,5.8-5.9c3.4,0,5.5,2.5,5.5,6.2v0.6h-8.2c0.2,1.4,1.3,2.6,3.2,2.6
	c0.9,0,2.3-0.4,3-1.1l1.3,1.9c-1.1,1-2.9,1.6-4.6,1.6C126.4,50.4,123.8,48.1,123.8,44.6z M129.6,41c-1.8,0-2.6,1.3-2.7,2.5h5.5
	C132.2,42.4,131.5,41,129.6,41z"/>
</svg>

.control_the_experience-desktop, .control_the_experience-mobile{
  -moz-animation: control 1s forwards;
  -webkit-animation: control 1s forwards;
  animation: control 1s forwards;
	opacity: 0;
	fill: #0b5085;
}
//delay each letter in animation
@for $i from 0 to 20 {
	##{control_the_experience}-#{$i} {
		-moz-animation-delay: $i * 0.1s;
    -webkit-animation-delay: $i * 0.1s;
    animation-delay: $i * 0.1s;
	}
}


//keyframe it
@keyframes control {
	0% {
		opacity: 100;
	}
	25% {
		fill: none;
		stroke: #0b5085;
		stroke-dasharray: 20;
	}
	50% {
		stroke-width: 0.2;
		fill: none;
		stroke-dasharray: 10;
		opacity: 100;
	}
	100% {
		stroke-width: 0.2;
		stroke: #0b5085;
		fill: #0b5085;
		opacity: 100;
	}
}