/* */ /* */ @important "partials/mixins"; .com_onelittledesigner_stacks_Feature_Section_stack, #stacks_out_8_page0 { overflow: visible !important; } .horizontal .responsive-timeline-container::-webkit-scrollbar { -webkit-appearance: auto; } .horizontal .responsive-timeline-container::-webkit-scrollbar-thumb:horizontal { border-radius: 20px; background-color: rgba(0,0,0,.5); box-shadow: 0 0 1px rgba(255,255,255,.5); } #feature-cards-stacks_in_8_page0 { margin: 0 auto; max-width: 1000px; } #feature-cards-stacks_in_8_page0 * { box-sizing: border-box; } #feature-cards-stacks_in_8_page0 .feature-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #feature-cards-stacks_in_8_page0 .feature-grid.hide-content-icon .feature-card-icon { display: none; } #feature-cards-stacks_in_8_page0 .feature-grid.hide-content-text .feature-card-content { display: none; } #feature-cards-stacks_in_8_page0 .feature-grid.show-content-stacks .feature-card-stacks { display: block; } #feature-cards-stacks_in_8_page0 .feature-grid.no-icons .feature-card-icon i { display: none; } #feature-cards-stacks_in_8_page0 .feature-outer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 10px; } #feature-cards-stacks_in_8_page0 .feature-outer > a { text-decoration: none; } #feature-cards-stacks_in_8_page0 .feature-card { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; /* */ -ms-flex-line-pack: flex-start; align-content: flex-start; /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease; padding: 0px; border-radius: 4px; -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } #feature-cards-stacks_in_8_page0 .feature-card-stacks { display: none; } #feature-cards-stacks_in_8_page0 .feature-card-icon { /* */ /* */ background: #F09819; background: linear-gradient(to bottom right, #F09819, #FF512F); /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: content-box; width: 70px; height: 70px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; border-radius: 50px 50px 50px 50px; transition: all 0.3s ease; } #feature-cards-stacks_in_8_page0 .feature-card-icon i { font-size: 45px; color: #FFFFFF; transition: all 0.6s ease-out; -webkit-transform-origin: center center; transform-origin: center center; } #feature-cards-stacks_in_8_page0 .feature-card-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 15px; text-align: center; } #feature-cards-stacks_in_8_page0 .feature-card-header { /* */ font-family: "Roboto Condensed"; /* */ margin: 0; color: #263238; font-size: 24px; line-height: 28px; font-weight: ; } #feature-cards-stacks_in_8_page0 .feature-card-description { /* */ font-family: "Roboto"; /* */ /* */ margin: 10px 0; display: block; color: #455A64; font-size: 16px; line-height: 24px; } /* */ #feature-cards-stacks_in_8_page0 .feature-card:hover { /* */ z-index: 30; position: relative; -webkit-transform: scale(1) rotate(0deg) translateY(0px); transform: scale(1) rotate(0deg) translateY(0px); } #feature-cards-stacks_in_8_page0 .feature-card:hover .feature-card-icon { /**/ } #feature-cards-stacks_in_8_page0 .feature-card:hover .feature-card-icon i { -webkit-transform: rotate(320deg); transform: rotate(320deg); /**/ } #feature-cards-stacks_in_8_page0 .feature-card:hover .feature-card-header { /**/ } #feature-cards-stacks_in_8_page0 .feature-card:hover .feature-card-description { /**/ } #feature-cards-stacks_in_8_page0 .feature-grid.ripple .feature-card { position: relative; } #feature-cards-stacks_in_8_page0 .feature-grid.ripple .feature-card::before { background: #ECEFF1; content: ''; z-index: -1; width: 30px; height: 30px; display: block; position: absolute; transition: all 0.4s ease-out; border-radius: 50%; -webkit-transform: translate(-30px, -30px); transform: translate(-30px, -30px); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.center .feature-card::before { top: 50%; left: 50%; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) translate(-50%, -50%); transform: scale(0) translate(-50%, -50%); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.center .feature-card:hover::before { width: 150%; height: 150%; border-radius: 4; transition: all 0.4s ease-out; -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.top-left .feature-card::before { top: -30px; left: -30px; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; border-radius: 0 50% 50% 50%; } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.top-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 20px #ECEFF1; } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.top-right .feature-card::before { top: -30px; right: -30px; -webkit-transform-origin: right top; transform-origin: right top; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.top-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); border-radius: 50% 0 50% 50%; } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.bottom-left .feature-card::before { left: -30px; bottom: -30px; border-radius: 4px; -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.bottom-left .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.bottom-right .feature-card::before { bottom: -30px; right: -30px; border-radius: 50% 50% 0 50%; -webkit-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: scale(0); transform: scale(0); } #feature-cards-stacks_in_8_page0 .feature-grid.ripple.bottom-right .feature-card:hover::before { width: 200%; height: 200%; -webkit-transform: scale(1); transform: scale(1); } @media (min-width: 767px) { #feature-cards-stacks_in_8_page0 .feature-outer { /**/ max-width: 33.333332%; /**/ width: 33.333332%; } } @media (min-width: 468px) and (max-width: 767px) { #feature-cards-stacks_in_8_page0 .feature-outer { /**/ max-width: 50.000000%; /**/ width: 50.000000%; } } @media (min-width: 0px) and (max-width: 468px) { #feature-cards-stacks_in_8_page0 .feature-outer { /**/ max-width: 100.000000%; /**/ width: 100.000000%; } } /* */ #feature-section-card-stacks_in_9_page0 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_22_page0 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_30_page0 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_26_page0 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_18_page0 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } #feature-section-card-stacks_in_14_page0 img { width: 150px; height: 150px; margin: 0px 0px 0px 0px; } /* */ @important "partials/mixins"; #responsive-timeline-stacks_in_122_page0 { padding: 20px 0; position: relative; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-scroll-notice { color: rgba(96, 125, 139, 1.00); background: rgba(255, 255, 255, 1.00); font-family: Open Sans; width: 70px; padding: 5px; display: block; margin: 0 auto; display: block; font-size: 14px; text-align: center; border-radius: 3px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-line { width: 90px; top: 10px; bottom: 10px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-line::before { width: 5px; background: rgba(0, 0, 0, 0.10); content: ''; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; box-sizing: border-box; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-container { z-index: 2; overflow-y: hidden; position: relative; box-sizing: border-box; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; transition: all 0.3s ease-out; /* */ opacity: 0; -webkit-animation-name: item-fade-in; animation-name: item-fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; /* */ } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; box-sizing: border-box; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer { padding: 20px; max-width: calc(50% - 45.000000px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { /* */ color: rgba(96, 125, 139, 1.00); padding: 20px; border-radius: 4px; background: rgba(255, 255, 255, 1.00); /* */ font-family: Open Sans; /* */ z-index: 2; width: 100%; height: 100%; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h1, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h2, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h3, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h4, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h5, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h6 { color: #E53935; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:visited, #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:active { color: #2979FF; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { width: 20px; height: 20px; right: -9px; border-radius: 4px; top: 25.000000px; content: ''; z-index: 1; display: block; position: absolute; background: inherit; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { /* */ overflow: hidden; width: 70px; height: 70px; border: 4px solid rgba(255, 255, 255, 1.00); border-radius: 35px; background: rgba(113, 128, 143, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon img { width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { color: rgba(255, 255, 255, 1.00); font-size: 32px; box-sizing: border-box; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 32px; max-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-date-outer { height: 70px; padding: 0 10px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { color: rgba(41, 98, 255, 1.00); font-size: 18px; /* */ font-family: Open Sans; /* */ box-sizing: border-box; transition: all 0.3s ease-out; } /* */ /* */ @media (min-width: 700px) { #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_122_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_122_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_122_page0.horizontal { padding: 0; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-line { top: auto; width: 100%; bottom: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 90px; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-line::before { width: 100%; height: 5px; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container .responsive-timeline-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 0; width: 100%; max-width: 400px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 160px; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: auto; bottom: -10px; left: 25px; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-icon-outer { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 10px 20px; margin-bottom: -90px; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-date-outer { left: 0; top: auto; bottom: 0; margin-top: 0; position: absolute; padding-left: 20px; } } /* */ @media (max-width: 700px) { #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-container { overflow-x: hidden; } #responsive-timeline-stacks_in_122_page0.horizontal .responsive-timeline-scroll-notice { display: none; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-line { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 80px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item { position: relative; padding-top: 60px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item:nth-child(odd) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; right: auto; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer { width: 100%; max-width: calc(100% - 80px); } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: 20.000000px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { width: 60px; height: 60px; border-radius: 30px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { font-size: 20px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 20px; max-height: 20px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-date-outer { top: 0; left: 0; width: 100%; margin-top: 0; position: absolute; height: 60px; padding: 0 10px; padding-left: 100px; } #responsive-timeline-stacks_in_122_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { font-size: 16px; } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_122_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_122_page0 { padding: 100px 30px 100px 30px; } #responsive-timeline-item-stacks_in_217_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_213_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_209_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_205_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_130_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_128_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_126_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_123_page0 img { width: px; height: px; margin: px px px px; } @important "partials/mixins"; #responsive-timeline-stacks_in_162_page0 { padding: 20px 0; position: relative; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-scroll-notice { color: rgba(250, 250, 250, 1.00); background: rgba(97, 97, 97, 1.00); font-family: Ubuntu; width: 70px; padding: 5px; display: block; margin: 0 auto; display: block; font-size: 14px; text-align: center; border-radius: 3px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-line { width: 80px; top: 10px; bottom: 10px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-line::before { width: 5px; background: rgba(255, 255, 255, 0.50); content: ''; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; box-sizing: border-box; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-container { z-index: 2; overflow-y: hidden; position: relative; box-sizing: border-box; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; transition: all 0.3s ease-out; /* */ opacity: 0; -webkit-animation-name: item-fade-in; animation-name: item-fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; /* */ } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; box-sizing: border-box; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer { padding: 20px; max-width: calc(50% - 40.000000px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { /* */ color: rgba(250, 250, 250, 1.00); padding: 20px; border-radius: 0px; background: rgba(97, 97, 97, 1.00); /* */ font-family: Ubuntu; /* */ z-index: 2; width: 100%; height: 100%; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h1, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h2, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h3, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h4, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h5, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h6 { color: #66BB6A; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:visited, #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:active { color: #66BB6A; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { width: 20px; height: 20px; right: -9px; border-radius: 0px; top: 20.000000px; content: ''; z-index: 1; display: block; position: absolute; background: inherit; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { /* */ overflow: hidden; width: 60px; height: 60px; border: 0px solid rgba(255, 255, 255, 1.00); border-radius: 0px; background: rgba(102, 187, 106, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon img { width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { color: rgba(0, 0, 0, 0.50); font-size: 32px; box-sizing: border-box; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 32px; max-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-date-outer { height: 60px; padding: 0 10px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { color: rgba(255, 255, 255, 1.00); font-size: 18px; /* */ font-family: Ubuntu; /* */ box-sizing: border-box; transition: all 0.3s ease-out; } /* */ /* */ @media (min-width: 700px) { #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_162_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_162_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_162_page0.horizontal { padding: 0; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-line { top: auto; width: 100%; bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-line::before { width: 100%; height: 5px; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container .responsive-timeline-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 0; width: 100%; max-width: 400px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 140px; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: auto; bottom: -10px; left: 20px; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-icon-outer { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 10px 20px; margin-bottom: -80px; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-date-outer { left: 0; top: auto; bottom: 0; margin-top: 0; position: absolute; padding-left: 20px; } } /* */ @media (max-width: 700px) { #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-container { overflow-x: hidden; } #responsive-timeline-stacks_in_162_page0.horizontal .responsive-timeline-scroll-notice { display: none; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-line { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 60px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item { position: relative; padding-top: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item:nth-child(odd) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; right: auto; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer { width: 100%; max-width: calc(100% - 60px); } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: 10.000000px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { width: 40px; height: 40px; border-radius: 0px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { font-size: 20px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 20px; max-height: 20px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-date-outer { top: 0; left: 0; width: 100%; margin-top: 0; position: absolute; height: 40px; padding: 0 10px; padding-left: 80px; } #responsive-timeline-stacks_in_162_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { font-size: 16px; } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_162_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_162_page0 { background-image: url("../files/backgroundImage_162.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 50px 0px 50px 0px; } #responsive-timeline-item-stacks_in_163_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_172_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_168_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_221_page0 img { width: px; height: px; margin: px px px px; } @important "partials/mixins"; #responsive-timeline-stacks_in_148_page0 { padding: 20px 0; position: relative; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-scroll-notice { color: rgba(255, 255, 255, 1.00); background: rgba(1, 112, 68, 1.00); font-family: Nunito; width: 70px; padding: 5px; display: block; margin: 0 auto; display: block; font-size: 14px; text-align: center; border-radius: 3px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-line { width: 80px; top: 10px; bottom: 10px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-line::before { width: 5px; background: rgba(109, 76, 65, 0.30); content: ''; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; box-sizing: border-box; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-container { z-index: 2; overflow-y: hidden; position: relative; box-sizing: border-box; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; transition: all 0.3s ease-out; /* */ opacity: 0; -webkit-animation-name: item-fade-in; animation-name: item-fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; /* */ } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; box-sizing: border-box; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer { padding: 20px; max-width: calc(50% - 40.000000px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { /* */ color: rgba(255, 255, 255, 1.00); padding: 20px; border-radius: 4px; background: rgba(1, 112, 68, 1.00); /* */ font-family: Nunito; /* */ z-index: 2; width: 100%; height: 100%; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h1, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h2, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h3, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h4, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h5, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h6 { color: #FFFFFF; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:visited, #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:active { color: #BCAAA4; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { width: 20px; height: 20px; right: -9px; border-radius: 4px; top: 20.000000px; content: ''; z-index: 1; display: block; position: absolute; background: inherit; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { /* */ overflow: hidden; width: 60px; height: 60px; border: 0px solid rgba(255, 255, 255, 1.00); border-radius: 20px; background: rgba(13, 95, 52, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon img { width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { color: rgba(255, 255, 255, 1.00); font-size: 40px; box-sizing: border-box; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 40px; max-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-date-outer { height: 60px; padding: 0 10px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { color: rgba(13, 95, 52, 1.00); font-size: 18px; /* */ font-family: Nunito; /* */ box-sizing: border-box; transition: all 0.3s ease-out; } /* */ /* */ @media (min-width: 700px) { #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_148_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_148_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_148_page0.horizontal { padding: 0; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-line { top: auto; width: 100%; bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-line::before { width: 100%; height: 5px; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container .responsive-timeline-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 0; width: 100%; max-width: 400px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 140px; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: auto; bottom: -10px; left: 20px; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-icon-outer { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 10px 20px; margin-bottom: -80px; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-date-outer { left: 0; top: auto; bottom: 0; margin-top: 0; position: absolute; padding-left: 20px; } } /* */ @media (max-width: 700px) { #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-container { overflow-x: hidden; } #responsive-timeline-stacks_in_148_page0.horizontal .responsive-timeline-scroll-notice { display: none; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-line { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 60px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item { position: relative; padding-top: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item:nth-child(odd) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; right: auto; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer { width: 100%; max-width: calc(100% - 60px); } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: 10.000000px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { width: 40px; height: 40px; border-radius: 20px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { font-size: 20px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 20px; max-height: 20px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-date-outer { top: 0; left: 0; width: 100%; margin-top: 0; position: absolute; height: 40px; padding: 0 10px; padding-left: 80px; } #responsive-timeline-stacks_in_148_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { font-size: 16px; } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_148_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_148_page0 { background-color: rgba(13, 95, 52, 0.15); padding: 100px 30px 100px 30px; } #responsive-timeline-item-stacks_in_149_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_158_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_225_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_154_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_229_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_233_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_237_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_241_page0 img { width: px; height: px; margin: px px px px; } @important "partials/mixins"; #responsive-timeline-stacks_in_66_page0 { padding: 20px 0; position: relative; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-scroll-notice { color: rgba(255, 255, 255, 1.00); background: rgba(61, 87, 254, 1.00); font-family: Nunito; width: 70px; padding: 5px; display: block; margin: 0 auto; display: block; font-size: 14px; text-align: center; border-radius: 3px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-line { width: 100px; top: 10px; bottom: 10px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-line::before { width: 5px; background: rgba(61, 87, 254, 0.30); content: ''; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; box-sizing: border-box; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-container { z-index: 2; overflow-y: hidden; position: relative; box-sizing: border-box; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; transition: all 0.3s ease-out; /* */ opacity: 0; -webkit-animation-name: item-fade-in; animation-name: item-fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; /* */ } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -6px; box-sizing: border-box; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer { padding: 20px; max-width: calc(50% - 50.000000px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { /* */ color: rgba(255, 255, 255, 1.00); padding: 20px; border-radius: 4px; background: rgba(61, 87, 254, 1.00); /* */ font-family: Nunito; /* */ z-index: 2; width: 100%; height: 100%; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h1, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h2, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h3, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h4, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h5, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h6 { color: #FFFFFF; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:visited, #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:active { color: #F9A825; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { width: 15px; height: 15px; right: -6px; border-radius: 2px; top: 22.500000px; content: ''; z-index: 1; display: block; position: absolute; background: inherit; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 20px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { /* */ overflow: hidden; width: 60px; height: 60px; border: 0px solid rgba(255, 255, 255, 1.00); border-radius: 10px; background: rgba(61, 87, 254, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon img { width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { color: rgba(255, 255, 255, 1.00); font-size: 32px; box-sizing: border-box; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 32px; max-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-date-outer { height: 60px; padding: 0 20px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { color: rgba(61, 87, 254, 1.00); font-size: 18px; /* */ font-family: Nunito; /* */ box-sizing: border-box; transition: all 0.3s ease-out; } /* */ /* */ @media (min-width: 700px) { #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_66_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_66_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_66_page0.horizontal { padding: 0; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-line { top: auto; width: 100%; bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100px; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-line::before { width: 100%; height: 5px; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container .responsive-timeline-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 0; width: 100%; max-width: 400px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 160px; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: auto; bottom: -7px; left: 23px; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-icon-outer { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 20px 20px; margin-bottom: -100px; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-date-outer { left: 0; top: auto; bottom: 0; margin-top: 0; position: absolute; padding-left: 20px; } } /* */ @media (max-width: 700px) { #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-container { overflow-x: hidden; } #responsive-timeline-stacks_in_66_page0.horizontal .responsive-timeline-scroll-notice { display: none; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-line { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 60px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item { position: relative; padding-top: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item:nth-child(odd) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -6px; right: auto; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer { width: 100%; max-width: calc(100% - 60px); } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: 12.500000px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { width: 40px; height: 40px; border-radius: 5px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { font-size: 20px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 20px; max-height: 20px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-date-outer { top: 0; left: 0; width: 100%; margin-top: 0; position: absolute; height: 40px; padding: 0 10px; padding-left: 80px; } #responsive-timeline-stacks_in_66_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { font-size: 16px; } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_66_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_66_page0 { background-color: rgba(255, 255, 255, 1.00); padding: 100px 0px 100px 0px; } #responsive-timeline-item-stacks_in_67_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_144_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_140_page0 img { width: px; height: px; margin: px px px px; } @important "partials/mixins"; #responsive-timeline-stacks_in_108_page0 { padding: 20px 0; position: relative; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-scroll-notice { color: rgba(41, 42, 91, 1.00); background: rgba(255, 255, 255, 1.00); font-family: Ubuntu; width: 70px; padding: 5px; display: block; margin: 0 auto; display: block; font-size: 14px; text-align: center; border-radius: 3px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-line { width: 80px; top: 10px; bottom: 10px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-line::before { width: 5px; background: rgba(255, 255, 255, 0.10); content: ''; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; box-sizing: border-box; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-container { z-index: 2; overflow-y: hidden; position: relative; box-sizing: border-box; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; transition: all 0.3s ease-out; /* */ opacity: 0; -webkit-animation-name: item-fade-in; animation-name: item-fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; /* */ } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; box-sizing: border-box; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer { padding: 20px; max-width: calc(50% - 40.000000px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { /* */ color: rgba(41, 42, 91, 1.00); padding: 20px; border-radius: 4px; background: rgba(255, 255, 255, 1.00); /* */ font-family: Ubuntu; /* */ z-index: 2; width: 100%; height: 100%; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h1, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h2, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h3, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h4, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h5, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h6 { color: #292A5B; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:visited, #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:active { color: #FD579F; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { width: 20px; height: 20px; right: -9px; border-radius: 4px; top: 20.000000px; content: ''; z-index: 1; display: block; position: absolute; background: inherit; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { /* */ overflow: hidden; width: 60px; height: 60px; border: 0px solid rgba(255, 255, 255, 1.00); border-radius: 30px; background: rgba(255, 255, 255, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon img { width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { color: rgba(212, 27, 168, 1.00); font-size: 32px; box-sizing: border-box; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 32px; max-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-date-outer { height: 60px; padding: 0 10px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { color: rgba(255, 255, 255, 1.00); font-size: 14px; /* */ font-family: Ubuntu; /* */ box-sizing: border-box; transition: all 0.3s ease-out; } /* */ /* */ @media (min-width: 700px) { #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_108_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_108_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_108_page0.horizontal { padding: 0; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-line { top: auto; width: 100%; bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-line::before { width: 100%; height: 5px; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container .responsive-timeline-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 0; width: 100%; max-width: 400px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 140px; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: auto; bottom: -10px; left: 20px; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-icon-outer { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 10px 20px; margin-bottom: -80px; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-date-outer { left: 0; top: auto; bottom: 0; margin-top: 0; position: absolute; padding-left: 20px; } } /* */ @media (max-width: 700px) { #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-container { overflow-x: hidden; } #responsive-timeline-stacks_in_108_page0.horizontal .responsive-timeline-scroll-notice { display: none; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-line { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 60px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item { position: relative; padding-top: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item:nth-child(odd) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; right: auto; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer { width: 100%; max-width: calc(100% - 60px); } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: 10.000000px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { width: 40px; height: 40px; border-radius: 20px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { font-size: 20px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 20px; max-height: 20px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-date-outer { top: 0; left: 0; width: 100%; margin-top: 0; position: absolute; height: 40px; padding: 0 10px; padding-left: 80px; } #responsive-timeline-stacks_in_108_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { font-size: 14px; } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_108_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_108_page0 { background-color: rgba(55, 58, 110, 1.00); padding: 100px 0px 100px 0px; } #responsive-timeline-item-stacks_in_109_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_113_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_117_page0 img { width: px; height: px; margin: px px px px; } @important "partials/mixins"; #responsive-timeline-stacks_in_176_page0 { padding: 20px 0; position: relative; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-scroll-notice { color: rgba(250, 250, 250, 1.00); background: rgba(183, 28, 28, 1.00); font-family: Ubuntu; width: 70px; padding: 5px; display: block; margin: 0 auto; display: block; font-size: 14px; text-align: center; border-radius: 3px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-line { width: 80px; top: 10px; bottom: 10px; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-line::before { width: 5px; background: rgba(255, 255, 255, 0.50); content: ''; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; box-sizing: border-box; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-container { z-index: 2; overflow-y: hidden; position: relative; box-sizing: border-box; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item { display: -webkit-box; display: -ms-flexbox; display: flex; box-sizing: border-box; transition: all 0.3s ease-out; /* */ opacity: 0; -webkit-animation-name: item-fade-in; animation-name: item-fade-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; /* */ } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; box-sizing: border-box; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer { padding: 20px; max-width: calc(50% - 40.000000px); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { /* */ color: rgba(250, 250, 250, 1.00); padding: 20px; border-radius: 4px; background: rgba(183, 28, 28, 1.00); /* */ font-family: Ubuntu; /* */ z-index: 2; width: 100%; height: 100%; position: relative; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h1, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h2, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h3, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h4, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h5, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content h6 { color: #FFA000; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:visited, #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content a:active { color: #FFA000; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { width: 20px; height: 20px; right: -9px; border-radius: 4px; top: 20.000000px; content: ''; z-index: 1; display: block; position: absolute; background: inherit; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center center; transform-origin: center center; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { /* */ overflow: hidden; width: 60px; height: 60px; border: 0px solid rgba(255, 255, 255, 1.00); border-radius: 4px; background: rgba(183, 28, 28, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon img { width: 100%; height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { color: rgba(250, 250, 250, 1.00); font-size: 32px; box-sizing: border-box; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 32px; max-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-date-outer { height: 60px; padding: 0 10px; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; transition: all 0.3s ease-out; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { color: rgba(255, 255, 255, 1.00); font-size: 18px; /* */ font-family: Ubuntu; /* */ box-sizing: border-box; transition: all 0.3s ease-out; } /* */ /* */ @media (min-width: 700px) { #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_176_page0.vertical.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_176_page0.horizontal.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } #responsive-timeline-stacks_in_176_page0.horizontal { padding: 0; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-line { top: auto; width: 100%; bottom: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-line::before { width: 100%; height: 5px; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: scroll; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container .responsive-timeline-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 0; width: 100%; max-width: 400px; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 140px; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: auto; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: auto; bottom: -10px; left: 20px; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-icon-outer { min-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 10px 20px; margin-bottom: -80px; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container .responsive-timeline-item .responsive-timeline-date-outer { left: 0; top: auto; bottom: 0; margin-top: 0; position: absolute; padding-left: 20px; } } /* */ @media (max-width: 700px) { #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-container { overflow-x: hidden; } #responsive-timeline-stacks_in_176_page0.horizontal .responsive-timeline-scroll-notice { display: none; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-line { left: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 60px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item { position: relative; padding-top: 40px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item:nth-child(odd) .responsive-timeline-content-outer .responsive-timeline-content::before { left: -9px; right: auto; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer { width: 100%; max-width: calc(100% - 60px); } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content::before { top: 10.000000px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer { padding: 20px 10px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { width: 40px; height: 40px; border-radius: 0px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i { font-size: 20px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon i[class*="ion-"] { max-width: 20px; max-height: 20px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-date-outer { top: 0; left: 0; width: 100%; margin-top: 0; position: absolute; height: 40px; padding: 0 10px; padding-left: 80px; } #responsive-timeline-stacks_in_176_page0 .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { font-size: 16px; } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item:first-child .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-content-outer .responsive-timeline-content { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-content-outer .responsive-timeline-content { -webkit-transform: translateX(100%); transform: translateX(100%); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item:nth-child(even) .responsive-timeline-date-outer .responsive-timeline-date { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-content-outer .responsive-timeline-content { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-icon-outer .responsive-timeline-icon { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #responsive-timeline-stacks_in_176_page0.animation-outside-in .responsive-timeline-item.responsive-timeline-animate .responsive-timeline-date-outer .responsive-timeline-date { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes item-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_176_page0 { background-image: url("../files/backgroundImage_176.png"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 100px 30px 100px 30px; } #responsive-timeline-item-stacks_in_177_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_181_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_185_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_245_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_249_page0 img { width: px; height: px; margin: px px px px; } #responsive-timeline-item-stacks_in_253_page0 img { width: px; height: px; margin: px px px px; } /* */ /* */