.tm-sc-project-info .each-item {
margin-bottom: 30px; }
.tm-sc-project-info .each-item:last-child {
margin-bottom: 0; }
.tm-sc-project-info .project-title {
text-transform: uppercase;
line-height: 1;
margin-top: 0;
margin-bottom: 10px; }
.tm-sc-project-info .project-description {
margin: 0; }
.tm-sc-project-info .project-description a {
color: var(--link-color);
text-decoration: underline; }.progress-bar-striped .progress-bar,
.progress-striped .progress-bar {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px; }
.tm-sc-progress-bar .progress-title-holder {
position: relative; }
.tm-sc-progress-bar .progress-title-holder .pb-title {
margin-bottom: 1rem; }
.tm-sc-progress-bar .progress-title-holder p {
margin-bottom: 0; }
.tm-sc-progress-bar .progress-holder {
position: relative;
height: 3px;
background-color: #e9ecef; }
.tm-sc-progress-bar .progress-holder .progress-content {
height: 3px;
width: 0;
max-width: 100%;
overflow: visible !important;
background-color: var(--theme-color1);
position: relative; }
.tm-sc-progress-bar .progress-holder .progress-content:after {
box-shadow: inset 0 0 0 3px var(--theme-color1); }
.tm-sc-progress-bar.progress-bar-default .progress-holder {
display: flex;
height: 1.1rem;
font-size: .75rem; }
.tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content {
color: #fff;
height: 1.1rem;
display: flex;
flex-direction: row;
justify-content: center;
text-align: center;
white-space: nowrap; }
.tm-sc-progress-bar.progress-bar-default .progress-holder .progress-content span {
display: flex;
flex-direction: column;
justify-content: center; }
.tm-sc-progress-bar.progress-bar-floating-percent .progress-title-holder {
position: relative; }
.tm-sc-progress-bar.progress-bar-floating-percent .progress-title-holder .percent {
width: auto;
display: inline-block;
vertical-align: middle;
z-index: 10;
position: absolute;
left: 0;
right: auto;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%); }
.tm-sc-progress-bar.progress-bar-fixed-right-percent .progress-title-holder {
position: relative; }
.tm-sc-progress-bar.progress-bar-fixed-right-percent .progress-title-holder .percent {
position: absolute;
right: 0;
bottom: 1px;
width: auto;
display: inline-block;
vertical-align: middle;
z-index: 10; }.tm-timeline.timeline-basic {
position: relative; }
.tm-timeline.timeline-basic .info-box {
padding-bottom: 1.5rem;
position: relative;
padding-left: 20px;
margin-left: 10px;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-basic .info-box {
transition: none; } }
.tm-timeline.timeline-basic .info-box:last-child {
border: 0px;
padding-bottom: 0; }
.tm-timeline.timeline-basic .info-box:before {
content: '';
width: 15px;
height: 15px;
background: white;
border: 1px solid var(--theme-color1);
box-shadow: 3px 3px 0px var(--theme-color2);
border-radius: 50%;
position: absolute;
left: -9px;
top: 0px;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-basic .info-box:before {
transition: none; } }
.tm-timeline.timeline-basic .info-box:after {
content: '';
width: 1px;
height: 100%;
background: var(--theme-color1);
position: absolute;
left: -1px;
top: 0px;
z-index: -1;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-basic .info-box:after {
transition: none; } }
.tm-timeline.timeline-basic .info-box:last-child {
border: 0px;
padding-bottom: 0; }
.tm-timeline.timeline-basic .info-box:last-child:after {
width: 0; }
.tm-timeline.timeline-basic .info-box .title {
margin-top: 0;
margin-bottom: 0;
line-height: 1.33333;
font-weight: var(--headings-font-weight-h6); }
.tm-timeline.timeline-basic .info-box .subtitle {
margin-bottom: 0;
font-size: 0.9rem;
line-height: 1.75;
font-weight: 400;
color: rgba(0, 0, 0, 0.9); }
.tm-timeline.timeline-basic .info-box .date {
margin-bottom: 4px;
font-size: 0.8rem;
line-height: 1.75;
font-weight: 400;
color: rgba(0, 0, 0, 0.6); }
.tm-timeline.timeline-basic p {
margin-bottom: 0; }
.tm-timeline.timeline-boxed .info-box {
display: flex;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box {
transition: none; } }
@media (max-width: 767px) {
.tm-timeline.timeline-boxed .info-box {
display: block; } }
.tm-timeline.timeline-boxed .info-box:after {
content: '';
width: 1px;
height: 100%;
background-color: #eee;
position: absolute;
left: 60px;
top: 0px;
z-index: -1;
transition: all 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box:after {
transition: none; } }
.tm-timeline.timeline-boxed .info-box .info-left .date {
background: #fff;
border: 1px solid rgba(200, 200, 200, 0.3);
border-radius: 10px;
margin-right: 20px;
padding: 40px 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0px 0px 22px 0px rgba(5, 5, 5, 0.07);
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-left .date {
transition: none; } }
.tm-timeline.timeline-boxed .info-box .info-left .date .year {
font-size: 26px;
line-height: 1.1;
display: block;
text-transform: uppercase;
margin-bottom: 5px;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-left .date .year {
transition: none; } }
.tm-timeline.timeline-boxed .info-box .info-left .date .month {
font-size: 18px;
line-height: 1.1;
display: block;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-left .date .month {
transition: none; } }
.tm-timeline.timeline-boxed .info-box .info-content {
margin-right: auto; }
.tm-timeline.timeline-boxed .info-box .info-content .subtitle {
color: #fff;
background-color: var(--theme-color1);
border-radius: 10rem;
display: inline-block;
padding: 8px 24px;
margin-bottom: 10px;
font-size: 75%;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
transition: all 0.3s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
.tm-timeline.timeline-boxed .info-box .info-content .subtitle {
transition: none; } }
.tm-timeline.timeline-boxed .info-box .info-content .title {
margin-top: 0; }