

.header_text{
	/*див в котором все SVG`эшки  */
	
}
/*#3BE8B0*/
.cls-8,.cls-7,.cls-6,.cls-5,.cls-4,
.cls-4,.cls-3,.cls-2,.cls-1{
  stroke: #6A67CE;/*#C95F07;*/
  stroke-opacity:0;
  fill:#6A67CE;
  fill-opacity:1;
  stroke-width: 1;
  stroke-dasharray: 300 0;
  stroke-dashoffset: 1000;
  animation: dasharray 7s 1 reverse;
  }
.cls-1{
	animation-duration: 1s;
}
.cls-2{
	animation-duration: 1s;
}
.cls-3{
	animation-duration: 1.5s;
}
.cls-4{
	animation-duration:1.5s;
}
.cls-5{
	animation-duration:2s;
}
.cls-6{
	animation-duration: 2.5s;
}
.cls-7{
	animation-duration: 3s;
}



.clss-1,.clss-2,.clss-3,.clss-4,.clss-5,
.clss-6,.clss-7,.clss-8,.clss-9,.clss-10,.clss-11{
  stroke: #3BE8B0;
  stroke-opacity:0;
  fill:#3BE8B0;
  fill-opacity:1;
  stroke-width: 1;
  stroke-dasharray: 300 0;
  stroke-dashoffset: 1000;
  animation: dasharray 7s 1 reverse;
}

.clss-1{
	animation-duration: 3.5s;
}
.clss-2{
	animation-duration: 4s;
}
.clss-3{
	animation-duration: 4.2s;
}
.clss-4{
	animation-duration: 4.4s;
}
.clss-5{
	animation-duration: 4.6s;
}
.clss-6{
	animation-duration: 4.8s;
}
.clss-7{
	animation-duration: 5s;
}
.clss-8{
	animation-duration: 5.2s;
}
.clss-9{
	animation-duration: 5.4s;
}
.clss-10{
	animation-duration: 5.6s;
}
.clss-11{
	animation-duration: 5.8s;
}

@keyframes dasharray {
  1%{
		stroke-opacity:0;	
  }
  11%{
  	stroke-opacity:1;
  }
  100% {
    stroke-opacity:1;
    stroke-dasharray: 0 360;
    fill-opacity:0.1;
    
  }
}

.clsb-1,.clsb-2{
  stroke: #C95F07;
  stroke-opacity:0;
  fill:#C95F07;
  fill-opacity:1;
  stroke-width: 1;
  stroke-dasharray: 300 0;
  stroke-dashoffset: 1000;
  animation: dasharray 7s 1 reverse;
}
.clsb-1{
	animation-duration: 2.1s;
}
.clsb-2{
	animation-duration: 2.1s;
}

.brackets{
	margin-left:-196px;
}
