.timeline-carousel {
width: 1355px; /*--content area size--*/
margin-left: 280px; /*--margin content area size--*/
padding: 86px 6.9444% 90px 6.9444%;
position: relative;
overflow: hidden;
}

@media (max-width: 1680px) {
.timeline-carousel {
	width: 1315px; /*--content area size--*/
	margin-left: 180px; /*--margin content area size--*/
	}
}

@media (max-width: 1440px) {
.timeline-carousel {
	width: 1280px; /*--content area size--*/
	margin-left: 76px; /*--margin content area size--*/
	}
}

@media (max-width: 1366px) {
.timeline-carousel {
	width: 1265px; /*--content area size--*/
	margin-left: 50px; /*--margin content area size--*/
	}
}

@media (max-width: 1280px) {
.timeline-carousel {
	width: auto; /*--content area size--*/
	margin: auto; /*--margin content area size--*/
	}
}

@media (max-width: 1024px) {
.timeline-carousel {
	width: auto; /*--content area size--*/
	margin: auto; /*--margin content area size--*/
	}
}

@media (max-width: 768px) {
.timeline-carousel {
	width: auto; /*--content area size--*/
	margin: auto; /*--margin content area size--*/
	}
}

.timeline-carousel:after, .timeline-carousel:before {
content: "";
position: absolute;
display: block;
top: 0;
height: 100%;
width: 9.65%; /*--mask content area size--*/
background-color: #1d1d1e;
z-index: 3;
width: 9.65%; /*--mask content area size--*/
}

@media (max-width: 1680px) {
.timeline-carousel:after, .timeline-carousel:before {
	width: 8.25%; /*--mask content area size--*/
	}
}

@media (max-width: 1440px) {
.timeline-carousel:after, .timeline-carousel:before {
	width: 7.65%; /*--mask content area size--*/
	}
}

@media (max-width: 1366px) {
.timeline-carousel:after, .timeline-carousel:before {
	width: 7.35%; /*--mask content area size--*/
	}
}

@media (max-width: 1280px) {
.timeline-carousel:after, .timeline-carousel:before {
	width: 6.9%; /*--mask content area size--*/
	}
}


.timeline-carousel:after {
left: 0px;
}

.timeline-carousel:before {
right: 0px;
}

.timeline-carousel .slick-list {
overflow: visible;
}

.timeline-carousel .slick-dots {
position: absolute;
bottom: 0;
margin-bottom: -2rem !important;
}

.timeline-carousel h1 {
color: #d5d5d5;
font-size: 46px;
line-height: 50pd;
margin-bottom: 40px;
font-weight: 600;
}

.timeline-carousel-image {
padding-right: 10px;
}

.timeline-carousel-item {
cursor: pointer;
}

.timeline-carousel-item .media-wrapper {
opacity: 0.2;
padding-bottom: 40%;
-webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.timeline-carousel-item .image-01 {
	background: url(../images/home/imuo-journey-01.jpg) center;
	background-size: cover;
	background-repeat: no-repeat;
}

.timeline-carousel-item .image-02 {
	background:url(../images/home/imuo-journey-02.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
}

.timeline-carousel-item .image-03 {
	background:url(../images/home/imuo-journey-03.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
}

.timeline-carousel-item .image-04 {
	background:url(../images/home/imuo-journey-04.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
}

.timeline-carousel-item .image-05 {
	background:url(../images/home/imuo-journey-05.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
}

.timeline-carousel-item .image-06 {
	background:url(../images/home/imuo-journey-06.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
}

.timeline-carousel-item .image-07 {
	background:url(../images/home/imuo-journey-07.jpg) center;
	background-size:cover;
	background-repeat:no-repeat;
}

.timeline-carousel-item:last-child .timeline-carousel-item-inner:after {
width: calc(100% - 30px);
}

.timeline-carousel-item-inner {
position: relative;
padding-top: 45px;
}

.timeline-carousel-item-inner:after {
position: absolute;
width: 100%;
top: 45px;
left: 0;
content: "";
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.timeline-carousel-item-inner .year {
font-size: 36px;
line-height: 36px;
color: white;
display: table;
letter-spacing: -0.3px;
padding-right: 10px;
background-color: #1d1d1e;
z-index: 1;
position: relative;
margin: -15px 0 20px;
font-weight: 800;
}

.timeline-carousel-item-inner .year:after {
content: "";
position: absolute;
display: block;
left: -10px;
top: 0;
height: 100%;
width: 10px;
background-color: #1d1d1e;
z-index: 3;
}

.timeline-carousel-item-inner .title {
font-size: 20px;
line-height: 20px;
letter-spacing: -0.1px;
text-transform: uppercase;
color: #47b5ed;
display: block;
margin-bottom: 10px;
font-weight: 400;
width: 96%;
}

.timeline-carousel-item-inner p {
font-size: 16px;
line-height: 20px; 
color: #818181;
width: 93%;
margin-bottom: 15px;
text-align: justify;
-moz-text-align-last: center;
text-align-last: left;
}

/*.timeline-carousel-item-inner .read-more {
font-size: 12px;
color: #b38c52;
display: table;
margin-bottom: 10px;
font-weight: 900;
text-decoration: none;
position: relative;
}

.timeline-carousel-item-inner .read-more:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 0;
border-bottom: 2px solid #b38c52;
-webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
-o-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.timeline-carousel-item-inner .read-more:hover:after {
width: 100%;
}*/

.timeline-carousel-item-inner .pointer {
height: 29px;
position: relative;
z-index: 1;
margin: -4px 0 16px;
}

.timeline-carousel-item-inner .pointer:after, .timeline-carousel-item-inner .pointer:before {
position: absolute;
content: "";
}

.timeline-carousel-item-inner .pointer:after {
width: 9px;
height: 9px;
border-radius: 100%;
top: 0;
left: 0;
background-color: #47b5ed;
}

.timeline-carousel-item-inner .pointer:before {
width: 1px;
height: 100%;
top: 0;
left: 4px;
background-color: #47b5ed;
}

.timeline-carousel .slick-active .media-wrapper {
opacity: 1 !important;
}

/*------------------------------------------ Bottom Button Bullet Slider ------------------------------------------*/
.slick-dots {
bottom: 60px;
list-style: none;
position: absolute;
width: 100%;
left: 0;
text-align: center;
z-index: 2;
padding-left: 0px;
}

.slick-dots li {
cursor: pointer;
display: inline-block;
margin: 0 5px;
position: relative;
width: 20px;
height: 20px;
}

.slick-dots li:last-child {
margin-right: 0;
}

.slick-dots li.slick-active button {
background: #47b5ed;
display: block;
cursor: pointer;
opacity: 0.9;
}

.slick-dots li button {
display: block;
font-size: 0;
width: 19px;
height: 19px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
border: 2px solid #fff;
opacity: 0.3;
transition: all 0.3s;
padding: 0;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.6);
}

.slick-dots li button:hover {
opacity: 0.9;
/*background: #ff9966;*/
border-color: #fff;
}

.link {
position: absolute;
left: 0;
bottom: 0;
padding: 20px;
z-index: 9999;
}

.link a {
display: flex;
align-items: center;
text-decoration: none;
color: #fff;
}

.link .fa {
font-size: 28px;
margin-right: 8px;
color: #fff;
}