.block-01 { overflow: hidden; background: var(--t-dark-blue); background-image: url("../images/comum/hero-background-2.png"); background-position: top left; background-repeat: no-repeat; background-size: contain; position: relative; }
.block-01__description h1 { color: var(--t-green); font-size: 57px; font-weight: 700; }
.block-01__description p { color: var(--t-white); font-size: 23px; font-weight: 400; }
.block-01 .t-breadcrumbs { margin-bottom: 75px; margin-top: 15px; }
.block-01 .t-breadcrumbs a { color: var(--t-white); }
.block-01 .t-breadcrumbs a:hover { color: var(--t-white); }
.block-01 .t-breadcrumbs span { color: var(--t-white); }
.marca .img-marca { filter: grayscale(1); }
.marca:hover .img-marca { filter: grayscale(0); }
.secao-manifesto p {font-size: 1.2em;}
.secao-manifesto h2, .secao-linha-do-tempo h2 { font-size: 32px; font-weight: bold; }
.secao-manifesto iframe { max-width: 100%; width: 685px; height: 390px; margin-top: 25px; }
.secao-linha-do-tempo .descricao { font-size: 1.2em; }
.timeline { white-space: nowrap; }
.timeline ol { font-size: 0; padding: 155px 0; transition: all 1s; }
.timeline ol:last-child { padding-bottom: 0; }
.timeline ol li .initial-time-line { animation: pulse-animation 2s infinite; }
.timeline ol li:hover .initial-time-line { animation: none; }
.timeline ol li { position: relative; list-style-type: none; width: 285px; height: 10px; }
.timeline ol li.ultimo-ponto { background: transparent !important; }
.timeline ol li:last-child { width: 225px; }
.timeline ol li .mcard { cursor: pointer; }
.timeline ol li .point-time-line { border-radius: 50%; bottom: -9px; width: 28px; height: 28px; left: -4px; cursor: pointer; outline: 2px solid transparent; }
.timeline ol li .point-time-line.active, .timeline ol li:hover .point-time-line { background: transparent !important; border: 9px solid transparent; width: 36px; height: 36px; left: -8px; bottom: -13px; }
.timeline ol li .point-time-line div { width: 12px; height: 12px; top: 0; border-radius: 50%; background-color: transparent; outline: 6px solid transparent; color: var(--t-white); font-size: 16px !important; font-weight: 600; }
.timeline ol li .point-time-line.active div, .timeline ol li:hover .point-time-line div { background-color: #F3CB3F; }
.timeline ol li > div { position: absolute; left: 9px; min-height: 150px; width: 280px; font-size: 1rem; white-space: normal; }
.timeline ol li > div::after { content: ''; position: absolute; left: -8px; bottom: 0; width: 14px; height: 14px; transform: translateY(-50%); border-radius: 50%; }
.timeline ol li:nth-child(odd) > div::after { top: 0; }
.timeline ol li:nth-child(even) > div::after { bottom: -8px; }
.timeline ol li div strong { font-weight: 700; }
.timeline ol li:nth-child(odd) > div { top: -5px; transform: translateY(-100%); }
.timeline ol li:nth-child(even) > div { top: calc(100% + 7px); }
.timeline ol li:nth-child(even) > div::before { top: -8px; border-width: 8px 0 0 8px; }
.timeline ol li:nth-child(even) .card { bottom: 200px; }
.timeline ol li .card { width: 130%; left: -65%; bottom: 14px; z-index: 1; display: none; }
.timeline ol li .card .logo-card { top: -6px; left: 9px; }
.timeline ol li .card .btn-fechar-card { top: 9px; right: 9px; z-index: 100001; }
.timeline ol li div time { font-size: 1.5rem; font-weight: bold; margin: 8px 0; }
.timeline ol li.marcador-01,
.timeline ol li.marcador-02,
.timeline ol li.marcador-03 { background: var(--t-cyan); }
.timeline ol li.marcador-01 > div,
.timeline ol li.marcador-02 > div,
.timeline ol li.marcador-03 > div { border-left: 2px solid var(--t-cyan); }
.timeline ol li.marcador-01 .point-time-line.active, 
.timeline ol li.marcador-02 .point-time-line.active, 
.timeline ol li.marcador-03 .point-time-line.active, 
.timeline ol li.marcador-01:hover .point-time-line, 
.timeline ol li.marcador-02:hover .point-time-line, 
.timeline ol li.marcador-03:hover .point-time-line { outline: 2px solid var(--t-cyan); }
.timeline ol li.marcador-01 .point-time-line.active div, 
.timeline ol li.marcador-02 .point-time-line.active div, 
.timeline ol li.marcador-03 .point-time-line.active div, 
.timeline ol li.marcador-01:hover .point-time-line div, 
.timeline ol li.marcador-02:hover .point-time-line div, 
.timeline ol li.marcador-03:hover .point-time-line div { outline: 6px solid var(--t-cyan); }
.timeline ol li.marcador-01 .point-time-line, .timeline ol li.marcador-01 > div::after,
.timeline ol li.marcador-02 .point-time-line, .timeline ol li.marcador-02 > div::after,
.timeline ol li.marcador-03 .point-time-line, .timeline ol li.marcador-03 > div::after { background: var(--t-cyan); }
.timeline ol li.marcador-04,
.timeline ol li.marcador-05,
.timeline ol li.marcador-06  { background: #00c3cc; }
.timeline ol li.marcador-04 > div,
.timeline ol li.marcador-05 > div,
.timeline ol li.marcador-06 > div { border-left: 2px solid #00c3cc; }
.timeline ol li.marcador-04 .point-time-line.active, 
.timeline ol li.marcador-05 .point-time-line.active, 
.timeline ol li.marcador-06 .point-time-line.active, 
.timeline ol li.marcador-04:hover .point-time-line, 
.timeline ol li.marcador-05:hover .point-time-line, 
.timeline ol li.marcador-06:hover .point-time-line { outline: 2px solid #00c3cc; }
.timeline ol li.marcador-04 .point-time-line.active div, 
.timeline ol li.marcador-05 .point-time-line.active div, 
.timeline ol li.marcador-06 .point-time-line.active div, 
.timeline ol li.marcador-04:hover .point-time-line div, 
.timeline ol li.marcador-05:hover .point-time-line div, 
.timeline ol li.marcador-06:hover .point-time-line div { outline: 6px solid #00c3cc; }
.timeline ol li.marcador-04 .point-time-line, .timeline ol li.marcador-04 > div::after,
.timeline ol li.marcador-05 .point-time-line, .timeline ol li.marcador-05 > div::after,
.timeline ol li.marcador-06 .point-time-line, .timeline ol li.marcador-06 > div::after { background: #00c3cc; }
.timeline ol li.marcador-07,
.timeline ol li.marcador-08,
.timeline ol li.marcador-09  { background: #01c897; }
.timeline ol li.marcador-07 > div,
.timeline ol li.marcador-08 > div,
.timeline ol li.marcador-09 > div { border-left: 2px solid #01c897; }
.timeline ol li.marcador-07 .point-time-line.active, 
.timeline ol li.marcador-08 .point-time-line.active, 
.timeline ol li.marcador-09 .point-time-line.active, 
.timeline ol li.marcador-07:hover .point-time-line, 
.timeline ol li.marcador-08:hover .point-time-line, 
.timeline ol li.marcador-09:hover .point-time-line { outline: 2px solid #01c897; }
.timeline ol li.marcador-07 .point-time-line.active div, 
.timeline ol li.marcador-08 .point-time-line.active div, 
.timeline ol li.marcador-09 .point-time-line.active div, 
.timeline ol li.marcador-07:hover .point-time-line div, 
.timeline ol li.marcador-08:hover .point-time-line div, 
.timeline ol li.marcador-09:hover .point-time-line div { outline: 6px solid #01c897; }
.timeline ol li.marcador-07 .point-time-line, .timeline ol li.marcador-07 > div::after,
.timeline ol li.marcador-08 .point-time-line, .timeline ol li.marcador-08 > div::after,
.timeline ol li.marcador-09 .point-time-line, .timeline ol li.marcador-09 > div::after { background: #01c897; }
.timeline ol li.marcador-10,
.timeline ol li.marcador-11,
.timeline ol li.marcador-12  { background: #00cd5d; }
.timeline ol li.marcador-10 > div,
.timeline ol li.marcador-11 > div,
.timeline ol li.marcador-12 > div { border-left: 2px solid #00cd5d; }
.timeline ol li.marcador-10 .point-time-line.active, 
.timeline ol li.marcador-11 .point-time-line.active, 
.timeline ol li.marcador-12 .point-time-line.active, 
.timeline ol li.marcador-10:hover .point-time-line, 
.timeline ol li.marcador-11:hover .point-time-line, 
.timeline ol li.marcador-12:hover .point-time-line { outline: 2px solid #00cd5d; }
.timeline ol li.marcador-10 .point-time-line.active div, 
.timeline ol li.marcador-11 .point-time-line.active div, 
.timeline ol li.marcador-12 .point-time-line.active div, 
.timeline ol li.marcador-10:hover .point-time-line div, 
.timeline ol li.marcador-11:hover .point-time-line div, 
.timeline ol li.marcador-12:hover .point-time-line div { outline: 6px solid #00cd5d; }
.timeline ol li.marcador-10 .point-time-line, .timeline ol li.marcador-10 > div::after,
.timeline ol li.marcador-11 .point-time-line, .timeline ol li.marcador-11 > div::after,
.timeline ol li.marcador-12 .point-time-line, .timeline ol li.marcador-12 > div::after { background: #00cd5d; }
.timeline ol li.marcador-13,
.timeline ol li.marcador-14,
.timeline ol li.marcador-15 { background: #60d208; }
.timeline ol li.marcador-13 > div,
.timeline ol li.marcador-15 > div { border-left: 2px solid #60d208; }
.timeline ol li.marcador-13 .point-time-line.active, 
.timeline ol li.marcador-14 .point-time-line.active, 
.timeline ol li.marcador-15 .point-time-line.active, 
.timeline ol li.marcador-13:hover .point-time-line, 
.timeline ol li.marcador-14:hover .point-time-line, 
.timeline ol li.marcador-15:hover .point-time-line { outline: 2px solid #60d208; }
.timeline ol li.marcador-13 .point-time-line.active div, 
.timeline ol li.marcador-14 .point-time-line.active div, 
.timeline ol li.marcador-15 .point-time-line.active div, 
.timeline ol li.marcador-13:hover .point-time-line div, 
.timeline ol li.marcador-14:hover .point-time-line div, 
.timeline ol li.marcador-15:hover .point-time-line div { outline: 6px solid #60d208; }
.timeline ol li.marcador-13 .point-time-line, .timeline ol li.marcador-13 > div::after,
.timeline ol li.marcador-15 .point-time-line, .timeline ol li.marcador-15 > div::after { background: #60d208; }
.timeline ol.linha-01:after { content: ''; background: url('../images/sistema-martins/time-line-01-br.png') no-repeat bottom right; width: 100%; height: 165px; display: block; position: absolute; bottom: 0; z-index: -1; }
.timeline ol.linha-02:after { content: ''; background: url('../images/sistema-martins/time-line-02-tr.png') no-repeat top right; width: 100%; height: 165px; display: block; position: absolute; top: 0; z-index: -1; }
.timeline ol.linha-02:before { content: ''; background: url('../images/sistema-martins/time-line-02-bl.png') no-repeat top left; width: 100%; height: 165px; display: block; position: absolute; bottom: 0; z-index: -1; }
.timeline ol.linha-03:after { content: ''; background: url('../images/sistema-martins/time-line-03-tl.png') no-repeat top left; width: 100%; height: 165px; display: block; position: absolute; top: 0; z-index: -1; }
.timeline ol.linha-03:before { content: ''; background: url('../images/sistema-martins/time-line-03-br.png') no-repeat bottom right; width: 100%; height: 165px; display: block; position: absolute; bottom: 0; z-index: -1; }
.timeline ol.linha-04:after { content: ''; background: url('../images/sistema-martins/time-line-04-tr.png') no-repeat top right; width: 100%; height: 165px; display: block; position: absolute; top: 0; z-index: -1; }
.timeline ol.linha-04:before { content: ''; background: url('../images/sistema-martins/time-line-04-bl.png') no-repeat top left; width: 100%; height: 165px; display: block; position: absolute; bottom: 0; z-index: -1; }
.timeline ol.linha-05:after { content: ''; background: url('../images/sistema-martins/time-line-05-tl.png') no-repeat top left; width: 100%; height: 165px; display: block; position: absolute; top: 0; z-index: -1; }
.timeline .slick-initialized .slick-slide { margin: 0; }
.timeline .slick-prev:hover, .timeline .slick-prev:focus, .timeline .slick-next:hover, .timeline .slick-next:focus,
.timeline .slick-prev, .timeline .slick-next { background-color: var(--t-white); width: 37px; height: 37px; border-radius: 4px; top: 70%; }
.timeline .slick-prev { left: 15px; }
.timeline .slick-prev:before { content: url('../images/comum/seta-esquerda-mini.png'); }
.timeline [dir='rtl'] .slick-prev:before { content: url('../images/comum/seta-esquerda-mini.png'); }
.timeline .slick-next { right: 15px; }
.timeline .slick-next:before { content: url('../images/comum/seta-direita-mini.png'); }
.timeline [dir='rtl'] .slick-next:before { content: url('../images/comum/seta-direita-mini.png'); }
.ctn-card { background-color: rgba(10, 10, 10, 0.1); z-index: 0; top: 0; left: 0; }
iframe { width: 100%; }

@media screen and (max-width: 599px) {
	.timeline ol, .timeline ol li { width: auto; }
	.timeline ol { padding: 0; transform: none !important; }
	.timeline ol li { height: auto; background: transparent !important; }
	.timeline ol li .point-time-line { bottom: 50%; }
	.timeline ol li:first-child { margin-top: 0; }
	.timeline ol li:last-child { width: auto; }
	.timeline ol li:not(:first-child) { margin-left: auto; }
	.timeline ol li > div { position: static; width: 96%; height: auto !important; min-height: auto; margin: 0 auto; }
	.timeline ol li:nth-child(odd) div { transform: none; }
	.timeline ol li:nth-child(odd) div::before, .timeline ol li:nth-child(even) div::before { left: 50%; top: 100%; transform: translateX(-50%); border: none; border-left: 1px solid var(--t-yellow); height: 25px; }
	.timeline ol.linha-01:after, .timeline ol.linha-02:after, .timeline ol.linha-02:before, .timeline ol.linha-03:after, .timeline ol.linha-03:before, .timeline ol.linha-04:after, .timeline ol.linha-04:before, .timeline ol.linha-05:after { content: ''; background: none; width: 100%; display: block; position: absolute; top: 0; }
	.timeline ol li.marcador-01 div::after, .timeline ol li.marcador-02 div::after, .timeline ol li.marcador-03 div::after,
	.timeline ol li.marcador-04 div::after, .timeline ol li.marcador-05 div::after, .timeline ol li.marcador-06 div::after,
	.timeline ol li.marcador-07 div::after, .timeline ol li.marcador-08 div::after, .timeline ol li.marcador-09 div::after,
	.timeline ol li.marcador-10 div::after, .timeline ol li.marcador-11 div::after, .timeline ol li.marcador-12 div::after,
	.timeline ol li.marcador-13 div::after, .timeline ol li.marcador-14 div::after, .timeline ol li.marcador-15 div::after { display: none; }
	.timeline ol li .card, .timeline ol li:nth-child(even) .card { width: 100%; left: 0; bottom: 0; }
	iframe { width: 560px; }
}

@media (max-width: 768px) { 
	.block-01 { height: auto; padding-bottom: 25px; }
	.block-01 .t-breadcrumbs { margin-bottom: 30px; }
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}