body { border: 0; margin: 0; }

body:before { content: "30em"; display: none; /* Prevent from displaying. */ }

@media (min-width: 30em) { body:before { content: "30em"; } }

@media (min-width: 43.75em) { body:before { content: "43.75em"; } }

@media (min-width: 64em) { body:before { content: "64em"; } }

line { z-index: 3; }

.tick line { stroke: #f0f0f0; }

path { stroke: #d4d4d4 !important; stroke-width: 2px; z-index: 0; }

text { font-family: "Apres RE", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #222222; font-size: 10px; color: #b8b8b8; fill: #b8b8b8 !important; }

@media (min-width: 30em) { text { font-size: 13px; } }

circle[class^="marker"] { z-index: 100; cursor: pointer; border: 6px solid rgba(156, 156, 156, 0.7); stroke: rgba(156, 156, 156, 0.7); stroke-width: 6px; fill: rgba(156, 156, 156, 0.7) !important; }

circle[class^="marker"].active { fill: rgba(255, 23, 68, 0.7) !important; border: 6px solid rgba(255, 23, 68, 0.7); stroke: rgba(255, 23, 68, 0.7); }

g[class^="marker-"] text { opacity: 0; }

g[class^="marker-"].active circle { fill: rgba(255, 23, 68, 0.7) !important; border: 6px solid rgba(255, 23, 68, 0.7); stroke: rgba(255, 23, 68, 0.7); }

g[class^="marker-"].active text { color: rgba(255, 23, 68, 0.7); fill: rgba(255, 23, 68, 0.7) !important; opacity: 1; stroke: rgba(255, 23, 68, 0.7); }

.slider-view { margin: 0 auto; position: relative; opacity: 0; overflow: hidden; width: 100%; max-height: 246px; }

.slider-card { cursor: pointer; float: left; max-width: 500px; box-sizing: border-box; text-align: center; }

@media (max-width: 20em) { .slider-card { width: 1000px; max-width: none; } }

.slider-card .slider-content { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); max-height: 200px; overflow: hidden; -webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); }

.slider-card .slider-content h3 { -webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); }

.slider-card.active .slider-content { box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4); border: 1px solid #222222; }

.slider-card.active .slider-content h3 { background-color: #A64C4C; color: #FFFFFF; border-radius: 6px 6px 0 0; }

.slider-card.active .slider-content p { color: #222222; }

.slider-cards { position: relative; margin: 0; padding: 0; width: max-content; }

.slider-cards.is-animating { -webkit-transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 1000ms cubic-bezier(0.77, 0, 0.175, 1); }

.slider-cards .active .slider-content { border: 1px solid #db1e46; }

.slider-content { font-family: "Apres RE", "Helvetica Neue", Helvetica, Arial, sans-serif; border: 1px solid #b8b8b8; border-radius: 7px; font-size: 15px; line-height: 1.3; }

.slider-content p { text-align: left; padding: 0 10px 0 10px; color: #b8b8b8; font-size: 12px; }

@media (min-width: 30em) { .slider-content p { padding: 0 15px 0 15px; font-size: 15px; } }

.slider-content h3 { margin: 0; text-align: left; padding: 5px 10px; font-weight: bold; font-size: 15px; color: #b8b8b8; }

.slider-content h3 span.h3-date { font-size: 15px; font-weight: normal; display: inline-block; margin-right: 5px; }

@media (min-width: 30em) { .slider-content h3 span.h3-date { display: block; } }

.nav { bottom: 0; margin-top: 10px; width: 100%; height: 16px; display: block; position: absolute; text-align: center; }

.nav ol { margin: 0; padding: 0; }

.nav li { top: -5px; width: 10px; height: 10px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; background-color: #d4d4d4; margin-bottom: 2px; }

.nav li:hover { cursor: pointer; }

.nav li.active { background-color: #A64C4C; width: 16px; height: 16px; margin-bottom: 0px; }