#marcas-timeline-desktop {
	display: none;
}

#marcas-timeline-mobile {
	display: block;
    margin-top: -250px;
}

	#marcas-timeline-mobile	.container {
		max-width: unset;
		padding: 0;
	}

	.timeline {
		margin-bottom: 2rem;
		width: 100%;
	}


		.timeline-items {
			flex-wrap: nowrap;
			display: flex;
			align-items: center;
		}


			#marcas-timeline-mobile .timeline-item {
				margin-bottom: 3rem;
			}

			.timeline-item {
				width: 100%;
				border-bottom: 1px solid white;
			}
			

				.timeline-item--head {
					padding: 0 2rem;
				}

					.timeline-item--head--button {
						border-radius: 50px;
						background-color: white;
						padding: .5rem 2rem;
						text-align: center;
						max-width: 240px;
						height: 50px;
						margin: auto;
					}

						.timeline-item--head img {
							display: inline-block;
							height: 35px;
							width: auto;
							margin: auto;
						}

				
				.timeline-item--detail {
					display: flex;
					flex-direction: column;
					justify-content: center;
				}

					/*.timeline-item--detail--branch--wrap {
						margin-top: -5px;
						display: flex;
						justify-content: center;
					}*/

					.timeline-item--detail--branch {
						margin-top: -5px;
						display: flex;
						align-items: center;
						flex-direction: column;
					}

						.timeline-item--detail--branch::before {	
							content: '';
							height: 11px;
							width: 11px;
							background-color: #65C4EF;
							border-radius: 100%;
							text-align: center;
							position: relative;
							display: inline-block;
						}
							
						.timeline-item--detail--branch::after {
							/*margin-left: 5px;*/
							content: '';
							display: inline-block;
							width: 1px;
							height: 2rem;
							background-color: #65C4EF;
						}

					.timeline-item--detail--year {
						margin-top: 4px;
						margin-bottom: -38px;
					}
					
					.timeline-item--detail--year .pill {
						margin: auto;
						width: 125px;
						border-radius: 50px;
						border: solid 1px white;
						background-color: transparent;
						padding: .25rem 1rem;
						text-align: center;
						font-size: 12px;
						font-weight: bold;
						color: #65C4EF;
					}
					
					.timeline-item--detail--year .d-trinagle {
						margin: auto;
						width: 0;
						height: 0;
						border-left: 8px solid transparent;
						border-right: 8px solid transparent;
						border-bottom: 8px solid white;
						/*margin-left: 50%;*/
					}


	#mobile-cards-slick .card {
		margin: 1rem 4rem 2rem;
	}


	button.slick-arrow {
		z-index: 100;
	    position: absolute;
	    top: 1rem;
	    background-color: transparent;
	    border: none;
	    cursor: pointer;
	    appearance: none;
	    width: .5rem;
	    height: .5rem;
	}




	.timeline .slick-prev {
		left: 0;
		margin-left: 1.5rem;
	}

	.timeline .slick-next {
		right: 0;
		margin-right: 1.5rem;
	}

		.slick-next img {
			transform: rotate(180deg);
		}
	

	/*@media only screen and (min-width: 620px) {
		.slick-prev {
			margin-left: 25%;
		}

		.slick-next {
			margin-right: 25%;
		}
	}*/

	#clientes-carrusel .slick-next {
		right: 0;
		margin-right: -10px;
	}

	#clientes-carrusel .slick-prev {
		left: 0;
		margin-left: -10px;
	}






#marcas-timeline-desktop {
    margin-top: -600px;
}

	#marcas-timeline-desktop .container {
	    max-width: 100%;
	}


	#marcas-timeline-desktop .timeline-item {

	}
	
		#marcas-timeline-desktop .timeline-items-top,
		#marcas-timeline-desktop .timeline-items-bottom {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		#marcas-timeline-desktop .timeline-items-top {
		    padding-right: 14%;
		    margin-top: -1px;
		}

		#marcas-timeline-desktop .timeline-items-bottom {
		    padding-left: 14%;
		    margin-top: -1px;
		}


		#marcas-timeline-desktop .timeline-items-bottom .timeline-item {
			/*margin-top: 212px;*/
			border-bottom: none;
			border-top: 1px solid white;
			display: flex;
			flex-direction: column-reverse;
		}

		#marcas-timeline-desktop .timeline-items-bottom .timeline-item .timeline-item--detail,
		#marcas-timeline-desktop .timeline-items-bottom .timeline-item .timeline-item--detail--branch {
			flex-direction: column-reverse;
		}

			#marcas-timeline-desktop .timeline-items-bottom .timeline-item .timeline-item--detail--year {
				margin-bottom: 0px;
				position: relative;
			}

			#marcas-timeline-desktop .timeline-items-top .timeline-item .timeline-item--detail--year {
				margin-top: 0px;
				margin-bottom: 4px;
				display: flex;
			    flex-direction: column-reverse;
			}
				#marcas-timeline-desktop .timeline-items-top .timeline-item--detail--year .d-trinagle {
					margin: auto;
					width: 0;
					height: 0;
					border-left: 8px solid transparent;
					border-right: 8px solid transparent;
					border-top: 8px solid white;
					border-bottom: none;
				}

			#marcas-timeline-desktop .timeline-items-bottom .timeline-item .timeline-item--detail--branch {
				margin-bottom: -5px;
				margin-top: 0px;
			}

		#marcas-timeline-desktop .timeline-item .timeline-item--head img {
			height: 45px;
		}

			#marcas-timeline-desktop .timeline-item .timeline-item--head--button {
				max-width: 280px;
				height: 60px;
				background-color: #69C5ED50;
			}

			#marcas-timeline-desktop .timeline-item .timeline-item--head--button { transition: all .1s ease-in; }

			#marcas-timeline-desktop .timeline-item .timeline-item--head--button.active,
			#marcas-timeline-desktop .timeline-item .timeline-item--head--button:hover {
				background-color: white;
			}



#desktop-cards-slick .card {
	width: 100%;
	max-width: 900px;
	margin: 2rem auto;
	position: relative;
	padding: 0 5rem;
}

#desktop-cards-slick .slick-next,
#desktop-cards-slick .slick-prev {
	top: 50%;
	width: 30px;
}

#desktop-cards-slick .slick-prev {
	left: 2rem;
}
#desktop-cards-slick .slick-next {
	right: 2rem;
}



@media only screen and (min-width: 1280px) {
	#desktop-cards-slick .card {
		max-width: 1160px;
	}
}

@media only screen and (min-width: 1024px) {
	#marcas-timeline-mobile {
		display: none;
	}

	#marcas-timeline-desktop {
		display: block;
	}
}