/*
Template: Markethon - Digital Marketing Agency Responsive HTML5 Template
Author: iqonicthemes.in
Design and Developed by: iqonicthemes.in
NOTE: This file contains the styling for responsive Template.
*/

/* --------------------------------

Main Components

-------------------------------- */
.iq-timeline-vertical-1 .timeline { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.timeline:after, .timeline:before { -webkit-box-sizing: inherit; box-sizing: inherit }
.iq-timeline-vertical-1 .timeline:before { background-color: #dee2fb; bottom: 0; content: ''; left: 50%; margin-left: -2px; position: absolute; top: 0; width: 5px; z-index: 1 }
.iq-timeline-vertical-1 .timeline__wrap { overflow: hidden; position: relative; z-index: 2 }
.iq-timeline-vertical-1 .timeline__item { font-size: 16px; font-size: 1rem; padding: 0px 60px 60px 30px; position: relative; width: 50%; z-index: 2 }
.iq-timeline-vertical-1 .timeline__item:after { background-color: var(--white-color); border: 1px solid #dee2fb; border-radius: 50%; content: ''; height: 30px; position: absolute; right: -15px; box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 30px; z-index: 1; }
.iq-timeline-vertical-1 .timeline__item.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0 }
.iq-timeline-vertical-1 .timeline__item.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
.iq-timeline-vertical-1 .timeline__item--left { left: 0 }
.iq-timeline-vertical-1 .timeline__item--right { left: 50%; padding: 0px 30px 60px 60px; }
.iq-timeline-vertical-1 .timeline__item--right:after { left: -15px }
.iq-timeline-vertical-1 .timeline__content { background-color: var(--white-color); box-shadow: 4.871px 34.659px 30px 0px rgba(0, 0, 0, 0.06); border: 2px solid #d9ddf5; border-radius: 0px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; color: #525f81; display: block; padding: 30px; position: relative; }
.iq-timeline-vertical-1 .timeline__content .iq-timeline-info { margin-bottom: 15px; display: block; float: left; clear: both; width: 100%; }
.iq-timeline-vertical-1 .timeline__content .iq-timeline-info .iq-timeline-title { float: left; display: table-cell; width: 50%; }
.iq-timeline-vertical-1 .timeline__content .iq-timeline-info .iq-timeline-location { float: right; display: table-cell; }
.iq-timeline-vertical-1 .timeline__content .iq-timeline-info .iq-timeline-location i { margin-right: 8px; }
.iq-timeline-vertical-1 .timeline__content .iq-timeline-info .iq-timeline-location span { display: block; color: #313e5b; }
.iq-timeline-vertical-1 .timeline__content:after, .iq-timeline-vertical-1 .timeline__content:before { content: ''; height: 0; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; width: 0 }
.iq-timeline-vertical-1 .timeline__content .timeline-title { margin: 0; }
.iq-timeline-vertical-1 .timeline__content .timeline-desc { margin-bottom: 0; }
.iq-timeline-vertical-1 .timeline__content .timeline-desc ul { padding-left: 20px; margin: 0; }
.iq-timeline-vertical-1 .timeline__content  .timeline-subtitle { color: var(--main-color); }
.iq-timeline-vertical-1 .timeline--vertical { font-size: 0; padding: 0 3.125rem; overflow: hidden; white-space: nowrap }
.iq-timeline-vertical-1 .timeline--mobile .timeline__item { left: 0; padding-left: 40px; padding-right: 0; width: 100% }
.iq-timeline-vertical-1 .timeline--mobile .timeline__item:after { left: 2px; margin: 0 }
.iq-timeline-vertical-1 .timeline--mobile .timeline__item .timeline__content:before { left: -12px; border-bottom: 12px solid transparent; border-right: 12px solid #131418; border-left: none; border-top: 12px solid transparent }
.iq-timeline-vertical-1 .timeline--mobile .timeline__item .timeline__content:after { left: -10px; border-bottom: 10px solid transparent; border-right: 10px solid #131418; border-left: none; border-top: 10px solid transparent }
.iq-timeline-vertical-1 .timeline--mobile  .timeline__items:before, .iq-timeline-vertical-1 .timeline--mobile  .timeline__items:after { left: 3px; right: auto; }
@-webkit-keyframes fadeIn {
	0% { opacity: 0; top: 70px }
	100% { opacity: 1; top: 0 }
}
@keyframes fadeIn {
	0% { opacity: 0; top: 70px }
	100% { opacity: 1; top: 0 }
}
@-webkit-keyframes liftUp {
	0% { top: 0 }
	100% { top: -15px }
}
@keyframes liftUp {
	0% { top: 0 }
	100% { top: -15px }
}

/*# sourceMappingURL=timeline.min.css.map */
@media(max-width:992px) {
	.iq-timeline-vertical-1 .timeline:before { left: 15px; }
	.iq-timeline-vertical-1 .timeline__item:after { top: 40%; }
	.iq-timeline-vertical-1 .timeline__content:after, .iq-timeline-vertical-1 .timeline__content:before { display: none; }
}
@media(max-width:767px) {
	.iq-timeline-vertical-1 .timeline__content .iq-timeline-info .iq-timeline-title { width: 100%; margin-bottom: 15px; }
	.iq-timeline-vertical-1 .timeline__content .iq-timeline-info .iq-timeline-location { width: 100%; }
}