.vu-timeline {
	font-family: "Raleway", sans-serif;
	color: #666666;
	background-color: #f0f0f0; }
	.vu-timeline span {
	  color: #7b003d;
	  font-weight: bold; }
	.vu-timeline .hexagon {
	  width: 22px;
	  height: 22px;
	  position: relative;
	  background: #7b003d; }
	.vu-timeline .hexagon:before,
	.vu-timeline .double:after {
	  content: "";
	  position: absolute; }
	.vu-timeline .hexagon:before {
	  top: 1px;
	  left: 1px;
	  width: calc(100% - 2px);
	  height: calc(100% - 2px);
	  background: #fff; }
	.vu-timeline .hexagon,
	.vu-timeline .hexagon:before {
	  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
	  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%); }
	.vu-timeline h1,
	.vu-timeline ul li .content h2 {
	  text-shadow: 1px 1px 1px rgba(56, 56, 56, 0.5); }
	.vu-timeline h4 {
	  padding: 30px;
	  font-size: 20px;
	  font-weight: 700;
	  color: #7b003d;
	  text-align: center; }
	.vu-timeline ul {
	  padding: 50px 0;
	  background: #f0f0f0; }
	  .vu-timeline ul li {
		 width: 1px;
		 margin: 0 auto;
		 position: relative;
		 margin-bottom: -59px;
		 list-style-type: none;
		 padding-left: 0!important;
		 background: #7b003d!important; }
		 .vu-timeline ul li:last-child {
			width: 0px;
			padding-bottom: 7px; }
			.vu-timeline ul li:last-child:after {
			  top: 1px;
			  left: -9px;
			  width: 10px;
			  height: 60px;
			  content: " ";
			  position: absolute;
			  background-color: #f0f0f0; }
		 .vu-timeline ul li .hidden {
			opacity: 0; }
		 .vu-timeline ul li .content {
			top: 7px;
			top: -53px;
			position: relative;
			width: 450px; }
			.vu-timeline ul li .content h2 {
			  color: #fff;
			  text-align: center;
			  padding-bottom: 10px; }
			.vu-timeline ul li .content h3 {
			  font-size: 36px;
			  font-weight: 700;
			  margin-bottom: 5px;
			  color: #7b003d; }
			.vu-timeline ul li .content p {
			  color: #666666;
			  max-width: 371px;
			  font-size: 14px;
			  line-height: 1.7; }
		 .vu-timeline ul li:nth-child(odd) .content {
			left: 40px;
			text-align: left; }
		 .vu-timeline ul li:nth-child(odd) .hexagon {
			left: -45px;
			top: 33px; }
		 .vu-timeline ul li:nth-child(even) .hexagon {
			margin: auto;
			margin-right: 0;
			left: 41px;
			top: 33px; }
			.vu-timeline ul li:nth-child(even) .content p{
			    margin-left: 77px;
			}
		 .vu-timeline ul li:nth-child(odd) .content:before {
			left: -38px; }
		 .vu-timeline ul li:nth-child(even) .content {
			left: calc(-450px - 34px);
			text-align: right; }
			.vu-timeline ul li:nth-child(even) .content h3 {
			  margin-left: 3px; }
		 .vu-timeline ul li:nth-child(even) .content:before {
			right: -38px; }
 
 @media screen and (max-width: 1020px) {
	.vu-timeline ul li .content {
	  width: 41vw; }
	.vu-timeline ul li:nth-child(even) .content {
	  left: calc(-41vw - 45px); } }
 
 @media only screen and (min-width: 701px) and (max-width: 1021px) {
	.vu-timeline ul li:nth-child(even) .content .hexagon {
	  top: 34px;
	  left: 52px; } }
 
 @media screen and (max-width: 700px) {
	.vu-timeline ul li {
	  margin-left: 20px;
	  margin-bottom: 0; }
	  .vu-timeline ul li .content {
		 width: calc(100vw - 100px); }
		 .vu-timeline ul li .content h2 {
			text-align: initial; }
	  .vu-timeline ul li:nth-child(even) .content {
		 left: 40px !important;
		 text-align: left; }
		 .vu-timeline ul li:nth-child(even) .content h3 {
			margin-left: 0px; }
		 .vu-timeline ul li:nth-child(even) .content .hexagon {
			margin: auto;
			margin-left: 0;
			left: -45px;
			top: 34px; }
	  .vu-timeline ul li:nth-child(even) .content {
		 left: 45px; }
	  .vu-timeline ul li:nth-child(even) .content:before {
		 left: -33px; }
		 .vu-timeline ul li:nth-child(even) .content p{
			margin-left: 0;
	  } }
	  @media screen and (max-width: 992px) { 
		.vu-timeline ul li .content p { 
			max-width: unset !important;}
		.vu-timeline ul li:nth-child(even) .content p {
			margin-left:unset;}}
	  @media (min-width: 992px) and (max-width: 1192px) { 
		.vu-timeline ul li .content p { 
			max-width: 300px;}
		.vu-timeline ul li:nth-child(even) .content p {
			margin-left: 148px;}}

			@media screen and (max-width: 992px) { 
				.vu-timeline .content p {
					padding-right: 30px;}}