.vast_hide.vast_video_player,.vast_standby.vast_video_player{opacity:0}.vast_video_wrapper{position:relative;background-size:cover;overflow:hidden}.vast_video_wrapper:before{-webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.1);content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.vast_video_tint{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.vast_video_slice{margin:0 auto;position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.vast_video_background{background-position:center;background-size:cover;position:absolute;-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1;top:0;left:0;right:0;pointer-events:none;bottom:0;-webkit-transition:opacity 500ms 500ms;transition:opacity 500ms 500ms}[data-status="ready"] ~ .vast_video_background{opacity:0}[data-status="ready"].vast_hide ~ .vast_video_background{opacity:1}#vast-log{position:fixed;width:200px;bottom:40px;right:40px;background:#fff;color:#000;padding:0 0 5px;border-radius:9px;-webkit-box-shadow:0 1px 4px -2px #000;box-shadow:0 1px 4px -2px #000;z-index:10000;overflow:hidden}#vast-log p{font-size:13px;padding:7px 20px;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}#vast-log p ~ p{border-top:1px solid #eee}#vast-log p#log-header{font-weight:bolder;text-align:center}.vast-icon{width:8px;height:8px;display:inline-block;margin-right:3px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;width:8px;height:8px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.vast-loaded .vast-icon{background:rgb(255,221,7);-webkit-animation:none;animation:none;border:none}.vast-loaded.vast-pause .vast-icon{background:rgb(206,205,204);-webkit-animation:none;animation:none;border:none}.vast-loaded.vast-play .vast-icon{background:transparent;width:0;height:0;border-radius:0;-webkit-animation:none;animation:none;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid rgb(85,211,94)}.vast-pause{opacity:0.4} #stacks_in_1 { margin: 1px 0px 0px 0px; } #stacks_in_724.vast_video_wrapper,#stacks_in_724.vast_video_wrapper strong,#stacks_in_724.vast_video_wrapper b,#stacks_in_724.vast_video_wrapper h1,#stacks_in_724.vast_video_wrapper h2,#stacks_in_724.vast_video_wrapper h3,#stacks_in_724.vast_video_wrapper h4,#stacks_in_724.vast_video_wrapper h5,#stacks_in_724.vast_video_wrapper h6{color:rgba(255, 255, 255, 1.00)}#stacks_in_724 .vast_video_player,#stacks_in_724.vast_video_wrapper .vast_video_background{filter:blur(0px)}#stacks_in_724 .vast_video_tint,#stacks_in_724 .vast_video_player,#stacks_in_724.vast_video_wrapper,#stacks_in_724.vast_video_wrapper:before{border-radius:0px}#stacks_in_724.vast_video_wrapper a{color:rgba(52, 188, 255, 1.00)}#stacks_in_724.vast_video_wrapper a:hover{color:rgba(95, 211, 255, 1.00)}#stacks_in_724 .vast_video_tint{background:rgba(0, 0, 0, 0.20)}#stacks_in_724 .vast_video_slice{min-height:500px;max-width:550px}#stacks_in_724 .vast_video_player{opacity:1;width:100% !important;height:100%;max-height:100%;min-height:100%;position:absolute;display:block;font-family:"object-fit:cover";max-width:none;object-fit:cover;transition:opacity 500ms;transform:scale(1.05);}#stacks_in_724 .vast_video_slice{flex-direction:column} #stacks_in_1064>.s3_row { margin: 0 -10px; } #stacks_in_1064>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1064>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1064>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_1064>.s3_row { margin: -10px 0; } #stacks_in_1064>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_1064>.s3_row { margin: -10px 0; } #stacks_in_1064>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1069 { background-color: rgba(204, 204, 204, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 6px; } /* 1.0.2 - fixes transition speed for autoplay - fixes bug preventing overflow opacity from applying when autoplay is enabled - fixes a edit/preview mode image display bug - added focus-visible for tabing accessability */ #stacks_out_1031 { overflow: hidden; } #stacks_in_1031 > .carousel-outer-wrapper { display: grid; grid-template-columns: 100%; } #stacks_in_1031 .carousel-navigation, #stacks_in_1031 .slick-slider { width: 100%; /* */ margin: 0 auto; /* */ /* */ overflow: hidden; /* */ } #stacks_in_1031 > .carousel-outer-wrapper { /* */ margin: 0 auto; /* */ /* */ } #stacks_in_1031 .carousel-wrapper { } /* */ #stacks_in_1031 .slick-slider { overflow: visible; } /* */ #stacks_in_1031 .slick-list { overflow: visible; } #stacks_in_1031 .slick-track { display: flex; align-items: center; } /* */ /* */ #stacks_in_1031 .carousel-wrapper { /* left: calc(-16px / 2); */ } /* */ /* */ #stacks_in_1031 .slick-slide { box-sizing: border-box; padding-left: calc(16px / 2); padding-right: calc(16px / 2); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; outline: none; /* width: 320px !important; */ } #stacks_in_1031 .carousel-wrapper:not(.slick-slider) { white-space: nowrap; } #stacks_in_1031 .carousel-wrapper:not(.slick-slider) > div { width: 320px; display: inline-block; padding-left: calc(12px / 2); padding-right: calc(12px / 2); } /* */ #stacks_in_1031 .carousel-wrapper:not(.carousel-off):not(.carousel-autoplay) .slick-list.draggable .slick-slide { cursor: grab; } #stacks_in_1031 .carousel-wrapper:not(.carousel-off):not(.carousel-autoplay) .slick-list.draggable .slick-slide:active { cursor: grabbing; } #stacks_in_1031 .carousel-wrapper.carousel-autoplay .slick-list.draggable { pointer-events: none; } #stacks_in_1031 .carousel-navigation { display: grid; align-items: center; /* */ margin-top: 16px; /* */ } #stacks_in_1031 .carousel-navigation-controls { display: flex; align-items: center; grid-gap: 4px; } /* */ /* */ #stacks_in_1031 .carousel-navigation { grid-template-columns: 1fr min-content 1fr; } #stacks_in_1031 .carousel-navigation-controls { justify-content: center; } /* */ /* */ /* */ /* */ #stacks_in_1031 .carousel-navigation > .carousel-navigation-content > div { display: none; } /* */ /* */ #stacks_in_1031 .carousel-arrow { all: unset; line-height: 0; background: transparent; border: none; color: transparent; position: relative; box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; cursor: pointer; width: 36px; height: 36px; min-width: 30px; min-height: 30px; } #stacks_in_1031 .carousel-arrow[aria-disabled="true"] { opacity: .3; pointer-events: none; } #stacks_in_1031 .carousel-arrow svg { stroke: rgba(187, 10, 9, 1.00); pointer-events: none; } #stacks_in_1031 .carousel-arrow:active svg { opacity: .5; } #stacks_in_1031 ul.slick-dots { all: unset; white-space: nowrap; } #stacks_in_1031 .slick-dots li { display: inline-block; margin-left: 6px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; } #stacks_in_1031 .slick-dots li:first-child { margin-left: 0px; } #stacks_in_1031 .slick-dots li button { all: unset; line-height: 0; background: transparent; border: none; color: transparent; width: 2px; height: 2px; position: relative; box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none; cursor: pointer; } #stacks_in_1031 .slick-dots li button:before { content: ""; position: absolute; top:0; left: 0; bottom: 0; right: 0; border: 2px solid rgba(187, 10, 9, 1.00); border-radius: 50%; } #stacks_in_1031 .slick-dots li.slick-active button:after { content: ""; position: absolute; top: 3px; left: 3px; bottom: 3px; right: 3px; background: rgba(187, 10, 9, 1.00); border-radius: 50%; } /* */ #stacks_in_1031 .slick-dots li button:before { border-width: 0; background: rgba(187, 10, 9, 1.00); opacity: 0.2; } #stacks_in_1031 .slick-dots li.slick-active button:before { opacity: 1; } #stacks_in_1031 .slick-dots li.slick-active button:after { display: none; } #stacks_in_1031 .slick-dots li { margin-left: 8px; } #stacks_in_1031 .slick-dots li:first-child { margin-left: 0px; } /* */ /* */ #stacks_in_1031 .slick-dots li button { height: 2px; width: 24px; } #stacks_in_1031 .slick-dots li button:before { border-radius: 0; } #stacks_in_1031 .slick-dots li { margin-left: 6px; } #stacks_in_1031 .slick-dots li:first-child { margin-left: 0px; } /* */ #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots li button:before { border-width: 0; background: rgba(187, 10, 9, 1.00); opacity: 0.2; } #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots li.slick-active button:before { opacity: 1; } #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots li.slick-active button:after { display: none; } #stacks_in_1031 .carousel-navigation-controls.too-narrow { line-height: 16px; display: grid; grid-template-columns: 1fr; } #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots { white-space: normal; text-align: center; line-height: 0; } #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots li { margin: 3px; line-height: 0px; pointer-events: none; } #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots li button { height: 8px; width: 8px; line-height: 0px; font-size: 0px; } #stacks_in_1031 .carousel-navigation-controls.too-narrow .slick-dots li button:before { border-radius: 99px; } /* */ #stacks_in_1031.focus-visible :focus-visible { outline: 1px solid rgba(132,38,133,0.65) !important; border-color: rgba(132,38,133,0.65); box-shadow: 0 0 0 1px rgba(132,38,133,0.65),inset 0 0 0 1px rgba(132,38,133,0.65); -webkit-user-select: all; -khtml-user-select: all; -moz-user-select: -moz-all; -o-user-select: all; user-select: all; } .slide_stacks_in_1034 { border-radius: 0px; } .slide_stacks_in_1034 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_1034 .carousel-slide-image { display: none; } .slide_stacks_in_1034 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_1039 { border-radius: 0px; } .slide_stacks_in_1039 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_1039 .carousel-slide-image { display: none; } .slide_stacks_in_1039 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_1043 { border-radius: 0px; } .slide_stacks_in_1043 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_1043 .carousel-slide-image { display: none; } .slide_stacks_in_1043 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_1050 { border-radius: 0px; } .slide_stacks_in_1050 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_1050 .carousel-slide-image { display: none; } .slide_stacks_in_1050 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_1054 { border-radius: 0px; } .slide_stacks_in_1054 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_1054 .carousel-slide-image { display: none; } .slide_stacks_in_1054 .carousel-slide-content { border-radius: 0px; } /* */ .slide_stacks_in_1058 { border-radius: 0px; } .slide_stacks_in_1058 .carousel-slide-content { border-radius: 0 0 0px 0px; } /* */ .slide_stacks_in_1058 .carousel-slide-image { display: none; } .slide_stacks_in_1058 .carousel-slide-content { border-radius: 0px; } /* */ #stacks_in_1026 { background-color: rgba(252, 255, 255, 1.00); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; } #stacks_out_1026 { width: 95%; } .svg-metamorph .svgm-content { position: relative; z-index: 1; } .svg-metamorph > .svgm-wrap { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100vw; } /**/ .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap { overflow: visible; height: 120px; left:50%; -webkit-transform: translateX(-50%) rotateX(180deg) ; transform: translateX(-50%) rotateX(180deg) ; bottom: auto; top: 0; } .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap > svg { fill: #D7FFE9; stroke: #D7FFE9; width: 100%; height: 120px; overflow: visible; } .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap:after { background: #D7FFE9; } .svg-metamorph.svgm_stacks_in_437 { padding-bottom: 120px; padding-bottom: 0px;padding-top: 120px; } @media all and (min-width: 1920px) { .svg-metamorph.svgm_stacks_in_437 { padding-bottom: 180.000000px; padding-bottom: 0px;padding-top: 180.000000px; } .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap > svg { height: 180.000000px; } } @media all and (max-width: 767px) { .svg-metamorph.svgm_stacks_in_437 { padding-bottom: 60.000000px; padding-bottom: 0px;padding-top: 60.000000px; } .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_437 > .svgm-wrap > svg { height: 60.000000px; width: 960px; } } /* */ #stacks_in_437 { background-color: rgba(15, 0, 255, 1.00); } /* */ body { background: #F5F5F5; } #steps-stacks_in_543 { max-width: 800px; border-radius: 0px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_543 .step-list { min-width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ /* */ /* */ background: url(../files/sidebar_bg_image_choice-543.jpg) no-repeat center center; background-size: cover; /* */ } #steps-stacks_in_543 .step-list::before { /* */ display: block; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_543 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_543 .steps .step { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_543 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.60); } #steps-stacks_in_543.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_543.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_543.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_543.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_543.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_543 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; } #steps-stacks_in_543 .step-complete-icon { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); font-size: 100px; margin-bottom: 10px; } #steps-stacks_in_543 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_543 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); } #steps-stacks_in_543 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; width: 100px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_543 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_543 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_543 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_543 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_543 .step-list * { box-sizing: border-box; } #steps-stacks_in_543 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_543 .step-list-nav i { cursor: pointer; } #steps-stacks_in_543 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_543 .step-list ul li { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_543 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_543 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_543 .steps { position: relative; } #steps-stacks_in_543 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_543 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_543 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_543 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_543 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 50px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_543 .steps .step-top .step-count::before { content: "STEP"; color: rgba(0, 0, 0, 0.50); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_543 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 15px 30px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_543 .steps .step-content .step-title { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); font-weight: bold; font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_543 .steps .step-content h1, #steps-stacks_in_543 .steps .step-content h2, #steps-stacks_in_543 .steps .step-content h3, #steps-stacks_in_543 .steps .step-content h4, #steps-stacks_in_543 .steps .step-content h5, #steps-stacks_in_543 .steps .step-content h6 { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_543 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(0, 0, 0, 0.50); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_543 .steps .step-content a, #steps-stacks_in_543 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_543 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(255, 255, 255, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_543 .step-nav-next, #steps-stacks_in_543 .step-nav-prev { font-size: 13px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_543 .step-nav-next:hover, #steps-stacks_in_543 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_543 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_543 .step-nav-next::before { content: "次へ"; display: inline; } #steps-stacks_in_543 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_543 .step-nav-prev::before { display: inline; content: "戻る"; } #steps-stacks_in_543 .step-nav.last-step .step-nav-next::before { content: "以上です"; } #steps-stacks_in_543 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 600px) { #steps-stacks_in_543.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_543 .steps { z-index: 1; position: relative; } #steps-stacks_in_543 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -230px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_543 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_543 .step-list ul { text-align: center; } #steps-stacks_in_543 .step-list ul li { text-align: center; } } #stacks_out_543 { width: 90%; } /* */ body { background: #F5F5F5; } #steps-stacks_in_557 { max-width: 800px; border-radius: 0px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_557 .step-list { min-width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ /* */ /* */ background: url(../files/sidebar_bg_image_choice-557.jpg) no-repeat center center; background-size: cover; /* */ } #steps-stacks_in_557 .step-list::before { /* */ display: block; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_557 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_557 .steps .step { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_557 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.60); } #steps-stacks_in_557.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_557.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_557.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_557.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_557.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_557 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; } #steps-stacks_in_557 .step-complete-icon { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); font-size: 100px; margin-bottom: 10px; } #steps-stacks_in_557 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_557 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); } #steps-stacks_in_557 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; width: 100px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_557 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_557 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_557 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_557 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_557 .step-list * { box-sizing: border-box; } #steps-stacks_in_557 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_557 .step-list-nav i { cursor: pointer; } #steps-stacks_in_557 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_557 .step-list ul li { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_557 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_557 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_557 .steps { position: relative; } #steps-stacks_in_557 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_557 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_557 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_557 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_557 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 50px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_557 .steps .step-top .step-count::before { content: "STEP"; color: rgba(0, 0, 0, 0.50); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_557 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 15px 30px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_557 .steps .step-content .step-title { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); font-weight: bold; font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_557 .steps .step-content h1, #steps-stacks_in_557 .steps .step-content h2, #steps-stacks_in_557 .steps .step-content h3, #steps-stacks_in_557 .steps .step-content h4, #steps-stacks_in_557 .steps .step-content h5, #steps-stacks_in_557 .steps .step-content h6 { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_557 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(0, 0, 0, 0.50); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_557 .steps .step-content a, #steps-stacks_in_557 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_557 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(255, 255, 255, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_557 .step-nav-next, #steps-stacks_in_557 .step-nav-prev { font-size: 13px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_557 .step-nav-next:hover, #steps-stacks_in_557 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_557 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_557 .step-nav-next::before { content: "次へ"; display: inline; } #steps-stacks_in_557 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_557 .step-nav-prev::before { display: inline; content: "戻る"; } #steps-stacks_in_557 .step-nav.last-step .step-nav-next::before { content: "以上です"; } #steps-stacks_in_557 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 600px) { #steps-stacks_in_557.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_557 .steps { z-index: 1; position: relative; } #steps-stacks_in_557 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -230px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_557 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_557 .step-list ul { text-align: center; } #steps-stacks_in_557 .step-list ul li { text-align: center; } } #stacks_out_557 { width: 90%; } /* */ body { background: #F5F5F5; } #steps-stacks_in_869 { max-width: 800px; border-radius: 0px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_869 .step-list { min-width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ /* */ /* */ background: url(../files/sidebar_bg_image_choice-869.jpg) no-repeat center center; background-size: cover; /* */ } #steps-stacks_in_869 .step-list::before { /* */ display: block; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_869 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_869 .steps .step { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_869 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.60); } #steps-stacks_in_869.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_869.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_869.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_869.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_869.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_869 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; } #steps-stacks_in_869 .step-complete-icon { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); font-size: 100px; margin-bottom: 10px; } #steps-stacks_in_869 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_869 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); } #steps-stacks_in_869 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; width: 100px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_869 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_869 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_869 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_869 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_869 .step-list * { box-sizing: border-box; } #steps-stacks_in_869 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_869 .step-list-nav i { cursor: pointer; } #steps-stacks_in_869 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_869 .step-list ul li { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_869 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_869 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_869 .steps { position: relative; } #steps-stacks_in_869 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_869 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_869 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_869 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_869 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 50px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_869 .steps .step-top .step-count::before { content: "STEP"; color: rgba(0, 0, 0, 0.50); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_869 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 15px 30px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_869 .steps .step-content .step-title { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); font-weight: bold; font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_869 .steps .step-content h1, #steps-stacks_in_869 .steps .step-content h2, #steps-stacks_in_869 .steps .step-content h3, #steps-stacks_in_869 .steps .step-content h4, #steps-stacks_in_869 .steps .step-content h5, #steps-stacks_in_869 .steps .step-content h6 { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_869 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(0, 0, 0, 0.50); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_869 .steps .step-content a, #steps-stacks_in_869 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_869 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(255, 255, 255, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_869 .step-nav-next, #steps-stacks_in_869 .step-nav-prev { font-size: 13px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_869 .step-nav-next:hover, #steps-stacks_in_869 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_869 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_869 .step-nav-next::before { content: "次へ"; display: inline; } #steps-stacks_in_869 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_869 .step-nav-prev::before { display: inline; content: "戻る"; } #steps-stacks_in_869 .step-nav.last-step .step-nav-next::before { content: "以上です"; } #steps-stacks_in_869 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 600px) { #steps-stacks_in_869.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_869 .steps { z-index: 1; position: relative; } #steps-stacks_in_869 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -230px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_869 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_869 .step-list ul { text-align: center; } #steps-stacks_in_869 .step-list ul li { text-align: center; } } #stacks_out_869 { width: 90%; } /* */ body { background: #F5F5F5; } #steps-stacks_in_935 { max-width: 800px; border-radius: 0px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_935 .step-list { min-width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ /* */ /* */ background: url(../files/sidebar_bg_image_choice-935.jpg) no-repeat center center; background-size: cover; /* */ } #steps-stacks_in_935 .step-list::before { /* */ display: block; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_935 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_935 .steps .step { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_935 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.60); } #steps-stacks_in_935.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_935.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_935.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_935.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_935.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_935 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; } #steps-stacks_in_935 .step-complete-icon { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); font-size: 100px; margin-bottom: 10px; } #steps-stacks_in_935 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_935 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); } #steps-stacks_in_935 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; width: 100px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_935 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_935 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_935 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_935 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_935 .step-list * { box-sizing: border-box; } #steps-stacks_in_935 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_935 .step-list-nav i { cursor: pointer; } #steps-stacks_in_935 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_935 .step-list ul li { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_935 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_935 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_935 .steps { position: relative; } #steps-stacks_in_935 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_935 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_935 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_935 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_935 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 50px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_935 .steps .step-top .step-count::before { content: "STEP"; color: rgba(0, 0, 0, 0.50); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_935 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 15px 30px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_935 .steps .step-content .step-title { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); font-weight: bold; font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_935 .steps .step-content h1, #steps-stacks_in_935 .steps .step-content h2, #steps-stacks_in_935 .steps .step-content h3, #steps-stacks_in_935 .steps .step-content h4, #steps-stacks_in_935 .steps .step-content h5, #steps-stacks_in_935 .steps .step-content h6 { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_935 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(0, 0, 0, 0.50); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_935 .steps .step-content a, #steps-stacks_in_935 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_935 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(255, 255, 255, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_935 .step-nav-next, #steps-stacks_in_935 .step-nav-prev { font-size: 13px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_935 .step-nav-next:hover, #steps-stacks_in_935 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_935 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_935 .step-nav-next::before { content: "次へ"; display: inline; } #steps-stacks_in_935 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_935 .step-nav-prev::before { display: inline; content: "戻る"; } #steps-stacks_in_935 .step-nav.last-step .step-nav-next::before { content: "以上です"; } #steps-stacks_in_935 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 600px) { #steps-stacks_in_935.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_935 .steps { z-index: 1; position: relative; } #steps-stacks_in_935 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -230px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_935 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_935 .step-list ul { text-align: center; } #steps-stacks_in_935 .step-list ul li { text-align: center; } } #stacks_out_935 { width: 90%; } .svg-metamorph .svgm-content { position: relative; z-index: 1; } .svg-metamorph > .svgm-wrap { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100vw; } /**/ .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap { overflow: visible; height: 120px; left:50%; -webkit-transform: translateX(-50%) rotateX(180deg) ; transform: translateX(-50%) rotateX(180deg) ; bottom: auto; top: 0; } .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap > svg { fill: #0F00FF; stroke: #0F00FF; width: 100%; height: 120px; overflow: visible; } .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap:after { background: #0F00FF; } .svg-metamorph.svgm_stacks_in_445 { padding-bottom: 120px; padding-bottom: 0px;padding-top: 120px; } @media all and (min-width: 1920px) { .svg-metamorph.svgm_stacks_in_445 { padding-bottom: 180.000000px; padding-bottom: 0px;padding-top: 180.000000px; } .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap > svg { height: 180.000000px; } } @media all and (max-width: 767px) { .svg-metamorph.svgm_stacks_in_445 { padding-bottom: 60.000000px; padding-bottom: 0px;padding-top: 60.000000px; } .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_445 > .svgm-wrap > svg { height: 60.000000px; width: 960px; } } /* */ #stacks_in_445 { background-color: rgba(35, 125, 255, 1.00); } /* */ body { background: #F5F5F5; } #steps-stacks_in_574 { max-width: 800px; border-radius: 0px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_574 .step-list { min-width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ /* */ /* */ background: url(../files/sidebar_bg_image_choice-574.jpg) no-repeat center center; background-size: cover; /* */ } #steps-stacks_in_574 .step-list::before { /* */ display: block; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_574 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_574 .steps .step { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_574 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.60); } #steps-stacks_in_574.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_574.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_574.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_574.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_574.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_574 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; } #steps-stacks_in_574 .step-complete-icon { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); font-size: 100px; margin-bottom: 10px; } #steps-stacks_in_574 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_574 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); } #steps-stacks_in_574 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; width: 100px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_574 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_574 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_574 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_574 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_574 .step-list * { box-sizing: border-box; } #steps-stacks_in_574 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_574 .step-list-nav i { cursor: pointer; } #steps-stacks_in_574 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_574 .step-list ul li { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_574 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_574 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_574 .steps { position: relative; } #steps-stacks_in_574 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_574 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_574 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_574 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_574 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 50px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_574 .steps .step-top .step-count::before { content: "STEP"; color: rgba(0, 0, 0, 0.50); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_574 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 15px 30px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_574 .steps .step-content .step-title { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); font-weight: bold; font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_574 .steps .step-content h1, #steps-stacks_in_574 .steps .step-content h2, #steps-stacks_in_574 .steps .step-content h3, #steps-stacks_in_574 .steps .step-content h4, #steps-stacks_in_574 .steps .step-content h5, #steps-stacks_in_574 .steps .step-content h6 { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_574 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(0, 0, 0, 0.50); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_574 .steps .step-content a, #steps-stacks_in_574 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_574 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(255, 255, 255, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_574 .step-nav-next, #steps-stacks_in_574 .step-nav-prev { font-size: 13px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_574 .step-nav-next:hover, #steps-stacks_in_574 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_574 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_574 .step-nav-next::before { content: "次へ"; display: inline; } #steps-stacks_in_574 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_574 .step-nav-prev::before { display: inline; content: "戻る"; } #steps-stacks_in_574 .step-nav.last-step .step-nav-next::before { content: "以上です"; } #steps-stacks_in_574 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 600px) { #steps-stacks_in_574.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_574 .steps { z-index: 1; position: relative; } #steps-stacks_in_574 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -230px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_574 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_574 .step-list ul { text-align: center; } #steps-stacks_in_574 .step-list ul li { text-align: center; } } #stacks_out_574 { width: 90%; } /* */ body { background: #F5F5F5; } #steps-stacks_in_594 { max-width: 800px; border-radius: 0px; min-height: 450px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } #steps-stacks_in_594 .step-list { min-width: 230px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ /* */ /* */ background: url(../files/sidebar_bg_image_choice-594.jpg) no-repeat center center; background-size: cover; /* */ } #steps-stacks_in_594 .step-list::before { /* */ display: block; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_594 .steps { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #steps-stacks_in_594 .steps .step { /* */ background: rgba(255, 255, 255, 1.00); /* */ /* */ /* */ /* */ } #steps-stacks_in_594 .steps .step::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(255, 255, 255, 0.60); } #steps-stacks_in_594.bold-sidebar-text .step-list ul li { font-weight: bold; } #steps-stacks_in_594.show-step-list .steps .step-top .step-list-toggle { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_594.show-step-list .step-list { margin-left: 0; } #steps-stacks_in_594.show-step-list .step-list ul { opacity: 1; transition: all 0.3s 0.3s; } #steps-stacks_in_594.complete .step-complete { opacity: 1; visibility: visible; pointer-events: auto; } #steps-stacks_in_594 .step-complete { /* */ background: rgba(14, 27, 37, 1.00); /* */ /* */ /* */ /* */ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 20; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; text-align: center; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.3s ease-in-out; } #steps-stacks_in_594 .step-complete-icon { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); font-size: 100px; margin-bottom: 10px; } #steps-stacks_in_594 .step-complete-title { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 1.00); font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_594 .step-complete-description { z-index: 10; position: relative; /* */ font-family: "Open Sans"; /* */ font-size: 16px; line-height: calc(16px * 1.4); margin-bottom: 20px; color: rgba(255, 255, 255, 0.40); } #steps-stacks_in_594 .step-complete-restart { z-index: 10; position: relative; color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.10); font-size: 24px; width: 100px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; border-radius: 2px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #steps-stacks_in_594 .step-complete-restart i { transition: all 0.5s; } #steps-stacks_in_594 .step-complete-restart:hover i { -webkit-transform: rotate(360deg); transform: rotate(360deg); } #steps-stacks_in_594 .step-complete::before { /* */ display: none; /* */ top: 0; left: 0; content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, 0.20); } #steps-stacks_in_594 .step-list { margin-left: -230px; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; transition: all 0.3s ease-in-out; } #steps-stacks_in_594 .step-list * { box-sizing: border-box; } #steps-stacks_in_594 .step-list-nav { z-index: 10; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; font-size: 24px; padding: 15px 20px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); min-height: 20px50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #steps-stacks_in_594 .step-list-nav i { cursor: pointer; } #steps-stacks_in_594 .step-list ul { z-index: 10; opacity: 0; padding: 10px; margin: auto 0; list-style: none; position: relative; transition: all 0s 0s; } #steps-stacks_in_594 .step-list ul li { /* */ font-family: "Open Sans"; /* */ color: rgba(255, 255, 255, 0.50); font-size: 14px; padding: 10px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #steps-stacks_in_594 .step-list ul li:hover { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_594 .step-list ul li.active { color: rgba(255, 255, 255, 1.00); } #steps-stacks_in_594 .steps { position: relative; } #steps-stacks_in_594 .steps .step { min-height: 450px; top: 0; left: 0; z-index: 1; width: 100%; text-align: left; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.3s ease-in-out; } #steps-stacks_in_594 .steps .step.active { -webkit-transform: translateY(0%); transform: translateY(0%); } #steps-stacks_in_594 .steps .step-top { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 10px 15px 10px 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_594 .steps .step-top .step-list-toggle { font-size: 22px; cursor: pointer; color: rgba(0, 0, 0, 0.50); } #steps-stacks_in_594 .steps .step-top .step-count { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1; font-size: 50px; font-weight: bold; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; } #steps-stacks_in_594 .steps .step-top .step-count::before { content: "STEP"; color: rgba(0, 0, 0, 0.50); font-size: 14px; margin-right: 10px; display: inline-block; } #steps-stacks_in_594 .steps .step-content { /* */ font-family: "Open Sans"; /* */ padding: 15px 30px; z-index: 1; position: relative; margin-bottom: calc(57px); } #steps-stacks_in_594 .steps .step-content .step-title { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); font-weight: bold; font-size: 32px; line-height: calc(32px * 1.4); margin-bottom: 10px; } #steps-stacks_in_594 .steps .step-content h1, #steps-stacks_in_594 .steps .step-content h2, #steps-stacks_in_594 .steps .step-content h3, #steps-stacks_in_594 .steps .step-content h4, #steps-stacks_in_594 .steps .step-content h5, #steps-stacks_in_594 .steps .step-content h6 { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_594 .steps .step-content p { /* */ font-family: "Open Sans"; /* */ color: rgba(0, 0, 0, 0.50); font-size: 14px; line-height: calc(14px * 1.6); margin: 10px 0; } #steps-stacks_in_594 .steps .step-content a, #steps-stacks_in_594 .steps .step-content a:visited { /* */ font-family: "Open Sans"; /* */ color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_594 .step-nav { /* */ font-family: "Open Sans"; /* */ left: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 10px; background: rgba(255, 255, 255, 1.00); margin-top: auto; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; transition: all 0.3s ease-in-out; } #steps-stacks_in_594 .step-nav-next, #steps-stacks_in_594 .step-nav-prev { font-size: 13px; padding: 10px 20px; border-radius: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(255, 255, 255, 1.00); border: 2px solid rgba(14, 27, 37, 1.00); text-transform: uppercase; transition: all 0.3s ease; } #steps-stacks_in_594 .step-nav-next:hover, #steps-stacks_in_594 .step-nav-prev:hover { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_594 .step-nav-next { color: rgba(255, 255, 255, 1.00); background: rgba(14, 27, 37, 1.00); } #steps-stacks_in_594 .step-nav-next::before { content: "次へ"; display: inline; } #steps-stacks_in_594 .step-nav-prev { color: rgba(14, 27, 37, 1.00); } #steps-stacks_in_594 .step-nav-prev::before { display: inline; content: "戻る"; } #steps-stacks_in_594 .step-nav.last-step .step-nav-next::before { content: "以上です"; } #steps-stacks_in_594 .step-nav.first-step .step-nav-prev { opacity: 0; visibility: hidden; } @media (max-width: 600px) { #steps-stacks_in_594.show-step-list .step-list { margin-left: 0; -webkit-transform: translateX(0%); transform: translateX(0%); } #steps-stacks_in_594 .steps { z-index: 1; position: relative; } #steps-stacks_in_594 .step-list { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: auto; text-align: center; margin-left: -230px; position: absolute; -webkit-transform: translateX(-100%); transform: translateX(-100%); } #steps-stacks_in_594 .step-list-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #steps-stacks_in_594 .step-list ul { text-align: center; } #steps-stacks_in_594 .step-list ul li { text-align: center; } } #stacks_out_594 { width: 90%; } .svg-metamorph .svgm-content { position: relative; z-index: 1; } .svg-metamorph > .svgm-wrap { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100vw; } /**/ .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap { overflow: visible; height: 120px; left:50%; -webkit-transform: translateX(-50%) rotateX(180deg) ; transform: translateX(-50%) rotateX(180deg) ; bottom: auto; top: 0; } .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap > svg { fill: #237DFF; stroke: #237DFF; width: 100%; height: 120px; overflow: visible; } .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap:after { background: #237DFF; } .svg-metamorph.svgm_stacks_in_454 { padding-bottom: 120px; padding-bottom: 0px;padding-top: 120px; } @media all and (min-width: 1920px) { .svg-metamorph.svgm_stacks_in_454 { padding-bottom: 180.000000px; padding-bottom: 0px;padding-top: 180.000000px; } .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap > svg { height: 180.000000px; } } @media all and (max-width: 767px) { .svg-metamorph.svgm_stacks_in_454 { padding-bottom: 60.000000px; padding-bottom: 0px;padding-top: 60.000000px; } .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_454 > .svgm-wrap > svg { height: 60.000000px; width: 960px; } } /* */ #stacks_in_454 { background-color: rgba(65, 203, 204, 1.00); } /* 1.2.0.1 - improved pill active style load time */ /* */ #simple-tabs-stacks_in_473 { /* */ font-family: "Nunito"; /* */ margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 900px; } #simple-tabs-stacks_in_473.tabs-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #simple-tabs-stacks_in_473.tabs-left ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_473.tabs-right ul.tab-list { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #simple-tabs-stacks_in_473.tabs-right ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_473.tabs-center ul.tab-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #simple-tabs-stacks_in_473.tabs-center ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_473.tabs-center ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_473.tabs-fill > ul.tab-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(10px,1fr)); grid-gap: 5px 2px; padding: 5px 0px; } #simple-tabs-stacks_in_473.tabs-fill > ul.tab-list > .tab > .tab-inner { justify-content: center; } #simple-tabs-stacks_in_473.tabs-right ul.tab-list .tab:first-of-type { padding-left: 0; } #simple-tabs-stacks_in_473.tabs-right ul.tab-list .tab:last-of-type { padding-right: 0; } #simple-tabs-stacks_in_473.use-tab-pill ul.tab-list .tab-pill { display: block; } #simple-tabs-stacks_in_473.use-tab-pill ul.tab-list .tab.selected .tab-inner { /* */ /* */ background: rgba(33, 255, 128, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ transition: color 0.3s ease; transition-delay: 0.2s; } #simple-tabs-stacks_in_473 ul.tab-list { margin: 0; padding: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; box-sizing: border-box; } #simple-tabs-stacks_in_473 ul.tab-list .tab-pill { /* */ /* */ background: rgba(17, 129, 97, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ top: 0; left: 0; opacity: 0; z-index: 5; display: none; position: absolute; box-sizing: border-box; border-radius: 4px; } #simple-tabs-stacks_in_473 ul.tab-list .tab-pill-show { opacity: 1; } #simple-tabs-stacks_in_473 ul.tab-list .tab { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 5px 2px; box-sizing: border-box; } #simple-tabs-stacks_in_473 ul.tab-list .tab.selected .tab-inner { /* */ /* */ background: rgba(17, 129, 97, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ color: rgba(255, 255, 255, 1.00); } #simple-tabs-stacks_in_473 ul.tab-list .tab-inner { /* */ /* */ background: rgba(33, 255, 128, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ /* */ height: 100%; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; color: rgba(0, 0, 0, 1.00); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 15px; font-size: 16px; border-radius: 4px; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #simple-tabs-stacks_in_473 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_473 ul.tab-list .tab-inner svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 5px; position: relative; pointer-events: none; font-size: 18px; max-width: 18px; max-height: 18px; } #simple-tabs-stacks_in_473 ul.tab-list .tab-inner span { /* */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; position: relative; /* */ } #simple-tabs-stacks_in_473 ul.tab-list .tab-inner i, #simple-tabs-stacks_in_473 ul.tab-list .tab-inner span, #simple-tabs-stacks_in_473 ul.tab-list .tab-inner svg { z-index: 10; } #simple-tabs-stacks_in_473 .tab-content { /* */ /* */ background: rgba(23, 174, 97, 1.00); /* */ /* */ /* */ border-style: solid; border-color: rgba(0, 0, 0, 1.00); /* */ border-width: 0px; /* */ color: rgba(55, 71, 79, 1.00); padding: 10px 10px; box-shadow: 0 0 2px rgba(112, 128, 144, 0); border-radius: 3px; z-index: 1; position: relative; box-sizing: border-box; } #simple-tabs-stacks_in_473 ul.tab-list .tab.selected .tab-inner { /* */ box-shadow: 0px 0px 0px -0px rgba(23, 174, 97, 1.00); /* */ } #simple-tabs-stacks_in_473 .tab-content-inner { display: none; } #simple-tabs-stacks_in_473 .tab-content-inner.active { display: block; } @media (min-width: 700px) { #simple-tabs-stacks_in_473.tabs-connected ul.tab-list .tab-pill { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #simple-tabs-stacks_in_473.tabs-connected ul.tab-list .tab { padding-bottom: 0; margin-bottom: 0px; } #simple-tabs-stacks_in_473.tabs-connected ul.tab-list .tab-inner { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #simple-tabs-stacks_in_473.tabs-connected.tabs-left .tab-content { border-top-left-radius: 0; } #simple-tabs-stacks_in_473.tabs-connected.tabs-right .tab-content { border-top-right-radius: 0; } #simple-tabs-stacks_in_473.hide-text-d ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_473.hide-text-d ul.tab-list .tab-inner i { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_473.hide-icon-d .tab-inner i, #simple-tabs-stacks_in_473.hide-icon-d .tab-inner svg, #simple-tabs-stacks_in_473.hide-icon-d ul.tab-list .tab-inner svg { /* */ display: none; /* */ } } @media (min-width: 400px) and (max-width: 700px) { #simple-tabs-stacks_in_473.hide-text-t ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_473.hide-text-t ul.tab-list .tab-inner i, #simple-tabs-stacks_in_473.hide-text-t ul.tab-list .tab-inner svg, #simple-tabs-stacks_in_473.hide-text-t ul.tab-list .tab-inner svg { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_473.hide-icon-t ul.tab-list .tab-inner i, #simple-tabs-stacks_in_473.hide-icon-t ul.tab-list .tab-inner svg { /* */ display: none; /* */ } } @media (max-width: 700px) { #simple-tabs-stacks_in_473 ul.tab-list { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } #simple-tabs-stacks_in_473 ul.tab-list .tab { width: 50.000000%; } #simple-tabs-stacks_in_473.tabs-fill > ul.tab-list { grid-template-columns: repeat(1,1fr); } #simple-tabs-stacks_in_473.tabs-fill > ul.tab-list .tab { width: auto; } #simple-tabs-stacks_in_473.tabs-left ul.tab-list, #simple-tabs-stacks_in_473.tabs-right ul.tab-list, #simple-tabs-stacks_in_473.tabs-center ul.tab-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #simple-tabs-stacks_in_473.tabs-left ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_473.tabs-right ul.tab-list .tab:first-of-type, #simple-tabs-stacks_in_473.tabs-center ul.tab-list .tab:first-of-type { padding-left: 2px; } #simple-tabs-stacks_in_473.tabs-left ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_473.tabs-right ul.tab-list .tab:last-of-type, #simple-tabs-stacks_in_473.tabs-center ul.tab-list .tab:last-of-type { padding-right: 2px; } #simple-tabs-stacks_in_473.tabs-inner-left ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #simple-tabs-stacks_in_473.tabs-inner-right ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #simple-tabs-stacks_in_473.tabs-inner-center ul.tab-list .tab .tab-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #simple-tabs-stacks_in_473.tabs-connected ul.tab-list .tab-pill { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #simple-tabs-stacks_in_473.tabs-connected ul.tab-list .tab { margin-bottom: 0; padding-bottom: 5px; } #simple-tabs-stacks_in_473.tabs-connected.tabs-fill ul.tab-list .tab { padding-bottom: 0px; } #simple-tabs-stacks_in_473.tabs-connected ul.tab-list .tab-inner { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } } @media (max-width: 400px) { #simple-tabs-stacks_in_473 ul.tab-list { -ms-flex-wrap: wrap; flex-wrap: wrap; } #simple-tabs-stacks_in_473 ul.tab-list .tab { width: 100.000000%; } #simple-tabs-stacks_in_473.tabs-fill > ul.tab-list { grid-template-columns: repeat(1,1fr); } #simple-tabs-stacks_in_473.tabs-fill > ul.tab-list .tab { width: auto; } #simple-tabs-stacks_in_473.hide-text-m ul.tab-list .tab-inner span { /* */ display: none; /* */ } #simple-tabs-stacks_in_473.hide-text-m ul.tab-list .tab-inner i { /* */ margin-right: 0; /* */ } #simple-tabs-stacks_in_473.hide-icon-m .tab-inner i, #simple-tabs-stacks_in_473.hide-icon-m .tab-inner svg, #simple-tabs-stacks_in_473.hide-icon-m ul.tab-list .tab-inner svg { /* %%[[if !edit]]%% */ display: none; } } /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ .svg-metamorph .svgm-content { position: relative; z-index: 1; } .svg-metamorph > .svgm-wrap { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100vw; } /**/ .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap { overflow: visible; height: 120px; left:50%; -webkit-transform: translateX(-50%) rotateX(180deg) ; transform: translateX(-50%) rotateX(180deg) ; bottom: auto; top: 0; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap > svg { fill: #41CBCC; stroke: #41CBCC; width: 100%; height: 120px; overflow: visible; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap:after { background: #41CBCC; } .svg-metamorph.svgm_stacks_in_608 { padding-bottom: 120px; padding-bottom: 0px;padding-top: 120px; } @media all and (min-width: 1920px) { .svg-metamorph.svgm_stacks_in_608 { padding-bottom: 180.000000px; padding-bottom: 0px;padding-top: 180.000000px; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap > svg { height: 180.000000px; } } @media all and (max-width: 767px) { .svg-metamorph.svgm_stacks_in_608 { padding-bottom: 60.000000px; padding-bottom: 0px;padding-top: 60.000000px; } .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_608 > .svgm-wrap > svg { height: 60.000000px; width: 960px; } } /* */ #stacks_in_608 { background-color: rgba(215, 255, 233, 1.00); }