div#container {
   margin: 0 auto 0 auto;
   position: relative;
   text-align: left;
   width: 1280px;
}
body {
   background-color: #FFFFFF;
   color: #000000;
   font-family: "Open Sans";
   font-size: 19px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a {
   color: #FFFFFF;
   text-decoration: none;
}
a:hover {
   color: #FFFFFF;
   text-decoration: none;
}
input:focus,
textarea:focus,
select:focus {
   outline: none;
}
#Extension1 {
   background: none;
   box-shadow: none;
   height: 144px;
   line-height: 144px;
   margin: 0 auto;
   position: relative;
   width: 144px;
}
#Extension1 *,
#Extension1:after {
   box-sizing: border-box;
}
#Extension1:after {
   border: 12px solid #FFFFFF;
   border-radius: 50%;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension1 > span {
   height: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 50%;
   z-index: 1;
}
#Extension1 .progress-left {
   left: 0;
}
#Extension1 .progress-bar {
   background: none;
   border-color: #4079B4;
   border-style: solid;
   border-width: 12px;
   height: 100%;
   position: absolute;
   top: 0;
   width: 100%;
}
#Extension1 .progress-left .progress-bar {
   -webkit-transform-origin: center left;
   animation: Extension1-loading-left 480ms linear forwards 750ms;
   border-bottom-right-radius: 72px;
   border-left: 0;
   border-top-right-radius: 72px;
   left: 100%;
   transform-origin: center left;
}
#Extension1 .progress-right {
   right: 0;
}
#Extension1 .progress-right .progress-bar {
   -webkit-transform-origin: center right;
   animation: Extension1-loading-right 750ms linear forwards;
   border-bottom-left-radius: 72px;
   border-right: 0;
   border-top-left-radius: 72px;
   left: -100%;
   transform-origin: center right;
}
#Extension1 .progress-value {
   background: #44484B;
   border-radius: 50%;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 19px !important;
   font-style: normal;
   font-weight: bold;
   height: 98%;
   left: 1%;
   line-height: 138px;
   position: absolute;
   text-align: center;
   top: 1%;
   width: 98%;
}
@keyframes Extension1-loading-left {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(115deg);
   transform: rotate(115deg);
}
}
@keyframes Extension1-loading-right {
0% {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}
100% {
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
}
* {
   box-sizing: border-box;
}
body {
   background-color: #474e5d;
   font-family: Helvetica, sans-serif;
}
.timeline {
   margin: 0 auto;
   max-width: 1200px;
   position: relative;
}
.timeline::after {
   background-color: white;
   bottom: 0;
   content: "";
   left: 50%;
   margin-left: -3px;
   position: absolute;
   top: 0;
   width: 6px;
}
.container {
   background-color: inherit;
   padding: 10px 40px;
   position: relative;
   width: 50%;
}
.container::after {
   background-color: white;
   border: 4px solid #FF9F55;
   border-radius: 50%;
   content: "";
   height: 25px;
   position: absolute;
   right: -17px;
   top: 15px;
   width: 25px;
   z-index: 1;
}
.left {
   left: 0;
}
.right {
   left: 50%;
}
.left::before {
   border: medium solid white;
   border-color: transparent transparent transparent white;
   border-width: 10px 0 10px 10px;
   content: " ";
   height: 0;
   position: absolute;
   right: 30px;
   top: 22px;
   width: 0;
   z-index: 1;
}
.right::before {
   border: medium solid white;
   border-color: transparent white transparent transparent;
   border-width: 10px 10px 10px 0;
   content: " ";
   height: 0;
   left: 30px;
   position: absolute;
   top: 22px;
   width: 0;
   z-index: 1;
}
.right::after {
   left: -16px;
}
.content {
   background-color: white;
   border-radius: 6px;
   padding: 20px 30px;
   position: relative;
}
@media screen and (max-width: 600px) {
.timeline::after {
   left: 31px;
}
.container {
   padding-left: 70px;
   padding-right: 25px;
   width: 100%;
}
.container::before {
   border: medium solid white;
   border-color: transparent white transparent transparent;
   border-width: 10px 10px 10px 0;
   left: 60px;
}
.left::after,
.right::after {
   left: 15px;
}
.right {
   left: 0%;
}
}