body { display: block; width: auto; margin: 0em; padding: 0em; font-family: Arial, Helvetica, sans-serif; z-index: 1; } #main { min-height: 100vh; } @keyframes fr1 { 0% { opacity: 1; } 30% { opacity: 0.70; } 70% { opacity: 0.30; } 100% { opacity: 0; z-index: 1; visibility: hidden; } } @keyframes fr3 { 0% { opacity: 0; z-index: 1; visibility: hidden; } 20% { opacity: 0.2; z-index: 68; visibility: visible; } 100% { opacity: 1; z-index: 68; visibility: visible; } } @keyframes fr4 { 0% { opacity: 1; z-index: 68; visibility: visible; } 1% { opacity: 0; z-index: 68; visibility: visible; } 95% { opacity: 0; z-index: 68; visibility: visible; } 96% { opacity: 0.2; z-index: 68; visibility: visible; } 100% { opacity: 1; z-index: 68; visibility: visible; } } .lw1 { display: block; width: 100%; height: 100%; position: fixed; opacity: 1; z-index: 991; visibility: visible; animation-name: fr1; animation-duration: 0.5s; animation-fill-mode: forwards; animation-delay: 0.5s; } .ll1 { display: block; width: 100%; height: 100%; position: fixed; opacity: 0; z-index: 1; visibility: hidden; animation-name: fr2; animation-duration: 2s; animation-fill-mode: forwards; animation-delay: 1s; } .lw2 { display: block; width: 100%; height: 100%; position: fixed; opacity: 1; z-index: 990; visibility: visible; animation-name: fr1; animation-duration: 0.5s; animation-fill-mode: forwards; animation-delay: 3s; } .ll2 { display: block; opacity: 0; z-index: 1; visibility: hidden; animation-name: fr3; animation-duration: 0.5s; animation-fill-mode: forwards; animation-delay: 20s; } .ll2:active { animation-name: fr4; animation-duration: 10s; animation-fill-mode: forwards; animation-delay: 0s; } .l1b { background-image: url('kytaka-logo.svg'); z-index: 69; width: 1.3em; height: 1.3em; } .l1c { background-image: url('kytaka-logo.svg'); position: relative; z-index: 994; transition: all 0.3s ease-in-out; } .l1c:hover, .l1c:focus { transition: all 0.3s ease-in-out; } * { box-sizing: border-box; word-break: break-all; } .trc { z-index: 83; width: 1.3em; height: 1.3em; overflow: hidden; } .trc2 { z-index: 101; overflow: hidden; } .trc3 { z-index: 102; overflow: hidden; } .l1 { background-image: url('kytaka-logo.svg'); } .l2 { background-image: url('mass-1d-logo.svg'); } .l3 { background-image: url('mass-2d-logo.svg'); } .l4 { background-image: url('mass-3d-logo.svg'); } .l5 { background-image: url('1-10-logo.svg'); } .l6 { background-image: url('ike-logo.svg'); } .l7 { background-image: url('broken-ara-logo.svg'); } .l8 { background-image: url('re-hi-north-logo.svg'); } .l9 { background-image: url('fi-des-logo.svg'); } .l10 { background-image: url('lele-logo.svg'); } .l11 { background-image: url('si-iv-logo.svg'); } .l12 { background-image: url('si-iii-logo.svg'); } .l13 { background-image: url('si-ii-logo.svg'); } .l14 { background-image: url('si-i-logo.svg'); } .l15 { background-image: url('aus-iii-logo.svg'); } .l16 { background-image: url('aus-ii-logo.svg'); } .l17 { background-image: url('aus-i-logo.svg'); } .l18 { background-image: url('wjyl-logo.svg'); } .l19 { background-image: url('dacs-logo.svg'); } .l20 { background-image: url('spectrum-of-stealth-logo.svg'); } .l21 { background-image: url('certified-fi-logo.svg'); } .l22 { background-image: url('certified-fi-1-logo.svg'); } .l23 { background-image: url('certified-fi-4-logo.svg'); } .l24 { background-image: url('certified-fi-44-logo.svg'); } .l25 { background-image: url('okoko-logo.svg'); } .l26 { background-image: url('okoko-ok-logo.svg'); } .l27 { background-image: url('okoko-io-logo.svg'); } .l28 { background-image: url('okoko-ik-logo.svg'); } .l29 { background-image: url('okoko-ko-logo.svg'); } .l30 { background-image: url('okoko-ki-logo.svg'); } .l31 { background-image: url('okoko-oo-logo.svg'); } .l32 { background-image: url('sac-logo.svg'); } .l33 { background-image: url('ol3s-logo.svg'); } .l34 { background-image: url('stealthpitch-logo.svg'); } .l35 { background-image: url('stealthside-logo.svg'); } .l36 { background-image: url('stealthcareers-logo.svg'); } .l37 { background-image: url('stealthawards-logo.svg'); } .l38 { background-image: url('stealthdown-logo.svg'); } .l39 { background-image: url('stealthback-logo.svg'); } .l40 { background-image: url('stealth95-logo.svg'); } .bgs { display: block; background-size: contain; background-repeat: no-repeat; background-position: center; overflow: hidden; transition: all 0.3s ease-in-out; } .trs { width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .trs:hover, .trs:focus { margin: -50%; width: 200%; height: 200%; transition: all 0.3s ease-in-out; } .boz { background-size: cover; position: sticky; z-index: 71; } .bgc { background-size: cover; } #tolight:checked ~ #main { background-color: rgb(255, 255, 255); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .boz { background-color: rgb(255, 255, 255); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .bgc { background-color: rgb(255, 255, 255); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main p { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main h2 { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main h4 { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main h6 { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main a { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .d1 { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .d2 { color: rgb(25, 25, 25); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .d3 { color: rgb(51, 51, 51); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .bgs { opacity: 1; transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .hddn { color: rgb(255, 255, 255); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main .hddn:hover, #tolight:checked ~ #main .hddn:focus { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #tolight:checked ~ #main #tolightlabel { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; transition: all 0.3s ease-in-out; } #tolight:checked ~ #main #todarklabel { display: block; opacity: 1; z-index: 99; visibility: visible; cursor: pointer; transition: all 0.3s ease-in-out; } #todark:checked ~ #main { background-color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .boz { background-color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .bgc { background-color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #todark:checked ~ #main p { color: rgb(204, 204, 204); transition: all 0.3s ease-in-out; } #todark:checked ~ #main h2 { color: rgb(204, 204, 204); transition: all 0.3s ease-in-out; } #todark:checked ~ #main h4 { color: rgb(204, 204, 204); transition: all 0.3s ease-in-out; } #todark:checked ~ #main h6 { color: rgb(204, 204, 204); transition: all 0.3s ease-in-out; } #todark:checked ~ #main a { color: rgb(204, 204, 204); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .d1 { color: rgb(204, 204, 204); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .d2 { color: rgb(179, 179, 179); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .d3 { color: rgb(153, 153, 153); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .bgs { opacity: 0.8; transition: all 0.3s ease-in-out; } #todark:checked ~ #main .hddn { color: rgb(0, 0, 0); transition: all 0.3s ease-in-out; } #todark:checked ~ #main .hddn:hover, #todark:checked ~ #main .hddn:focus { color: rgb(255, 255, 255); transition: all 0.3s ease-in-out; } #todark:checked ~ #main #tolightlabel { display: block; opacity: 1; z-index: 99; visibility: visible; cursor: pointer; transition: all 0.3s ease-in-out; } #todark:checked ~ #main #todarklabel { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; transition: all 0.3s ease-in-out; } nav { display: block; min-height: 2.4em; width: inherit; z-index: 70; padding: 0em; margin: 0em; } article { display: block; min-width: 1em; width: inherit; z-index: 60; padding: 0em; margin: 0em; } footer { display: block; min-width: 1em; width: inherit; z-index: 50; padding: 0em; margin: 0em; } .una { text-decoration: line-through !important; } .fl1 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; } .fl2 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .fl3 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .fl4 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .fl5 { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: flex-start; } .fl6 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; } .fl7 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-basis: 90%; } .fl8 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; align-content: flex-end; flex-basis: 10%; } .fl9 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: stretch; align-items: stretch; align-content: stretch; } .fl10 { flex-grow: 1; flex-shrink: 1; flex-basis: 45%; } .fl11 { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; } .fl12 { flex-grow: 1; flex-shrink: 1; flex-basis: 30%; } .fl13 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-basis: 100%; } .fl14 { flex-grow: 1; flex-shrink: 1; flex-basis: 100%; } .fl15 { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .c1 { overflow: hidden; } .c2 { overflow: hidden; } .tc { color: rgb(34, 76, 38) !important; } .m1 { margin: 0em; padding: 0.4em; } .m2 { margin-top: 0em; margin-bottom: 1em; margin-left: 0em; margin-right: 0em; padding: 0em; } .m3 { margin: 0em; padding: 1em; } .m4 { margin: 1em; padding: 0em; } .m5 { margin: 0em; padding: 0.8em; } .m6 { margin: 0em; padding: 0em; } .m7 { margin-top: 0em; margin-bottom: 0em; margin-left: 2em; margin-right: 2em; padding: 0em; } .m8 { margin: 0em; padding: 0.9em; } .m9 { margin: 0em; padding: 0.6em; } .m10 { margin-top: 0em; margin-bottom: 1em; margin-left: 0em; margin-right: 1em; padding: 1em; } .m11 { margin: 0em; padding: 1.5em; } .m12 { margin: 0em; padding: 0.7em; } .m13 { margin-top: 0em; margin-bottom: 1em; margin-left: 0em; margin-right: 1em; padding: 1.5em; } .m14 { margin-top: 0em; margin-bottom: 0em; margin-left: 2em; margin-right: 0em; padding-top: 0em; padding-bottom: 0em; padding-left: 0em; padding-right: 0em; } .m15 { margin-top: 0em; margin-bottom: 1em; margin-left: 0em; margin-right: 1em; padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; } .m16 { margin-top: 0em; margin-bottom: 1em; margin-left: 0em; margin-right: 0em; padding-top: 1em; padding-bottom: 0em; padding-left: 1em; padding-right: 0em; } .m17 { margin-top: 0em; margin-bottom: 0em; margin-left: 1em; margin-right: 0em; padding: 0em; } .m18 { margin-top: 1em; margin-bottom: 0em; margin-left: 1em; margin-right: 0em; padding: 0em; } .m19 { position: fixed; margin-top: 1em; margin-bottom: 0em; margin-left: 1em; margin-right: 0em; padding: 0em; } @media all and (min-width: 0em) { * { word-break: break-all; } body { font-size: 11px; } .l1c { width: 2.5em; height: 2.5em; } .l1c:hover, .l1c:focus { width: 5em; height: 5em; } .hd1 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd2 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: block; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 100%; } .c1 { width: 6em; height: 6em; } .c2 { width: 12em; height: 4em; } .trc2 { width: 2.6em; height: 2.6em; } .trc3 { width: 5.2em; height: 5.2em; } } @media all and (min-width: 14.5em) { * { word-break: break-all; } body { font-size: 11px; } .l1c { width: 3em; height: 3em; } .l1c:hover, .l1c:focus { width: 6em; height: 6em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: block; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 100%; } .c1 { width: 9em; height: 9em; } .c2 { width: 18em; height: 6em; } .trc2 { width: 5.2em; height: 5.2em; } .trc3 { width: 10.4em; height: 10.4em; } } @media all and (min-width: 17.5em) { * { word-break: break-all; } body { font-size: 11.5px; } .l1c { width: 3.5em; height: 3.5em; } .l1c:hover, .l1c:focus { width: 7em; height: 7em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: block; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 100%; } .c1 { width: 10.5em; height: 10.5em; } .c2 { width: 21em; height: 7em; } .trc2 { width: 5.2em; height: 5.2em; } .trc3 { width: 10.4em; height: 10.4em; } } @media all and (min-width: 21em) { * { word-break: normal; } body { font-size: 11.5px; } .l1c { width: 3.8em; height: 3.8em; } .l1c:hover, .l1c:focus { width: 7.6em; height: 7.6em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: block; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 100%; } .c1 { width: 12.75em; height: 12.75em; } .c2 { width: 25.5em; height: 8.5em; } .trc2 { width: 6.5em; height: 6.5em; } .trc3 { width: 13em; height: 13em; } } @media all and (min-width: 25em) { * { word-break: normal; } body { font-size: 11.5px; } .l1c { width: 4em; height: 4em; } .l1c:hover, .l1c:focus { width: 8em; height: 8em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: block; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 100%; } .c1 { width: 15em; height: 15em; } .c2 { width: 30em; height: 10em; } .trc2 { width: 7.8em; height: 7.8em; } .trc3 { width: 15.6em; height: 15.6em; } } @media all and (min-width: 30em) { * { word-break: normal; } body { font-size: 12px; } .l1c { width: 4.5em; height: 4.5em; } .l1c:hover, .l1c:focus { width: 9em; height: 9em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: block; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 17.25em; height: 17.25em; } .c2 { width: 34.5em; height: 11.5em; } .trc2 { width: 9.1em; height: 9.1em; } .trc3 { width: 16.9em; height: 16.9em; } } @media all and (min-width: 35em) { * { word-break: normal; } body { font-size: 12.5px; } .l1c { width: 5em; height: 5em; } .l1c:hover, .l1c:focus { width: 10em; height: 10em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: inline; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 20.25em; height: 20.25em; } .c2 { width: 40.5em; height: 13.5em; } .trc2 { width: 10.4em; height: 10.4em; } .trc3 { width: 20.8em; height: 20.8em; } } @media all and (min-width: 40em) { * { word-break: normal; } body { font-size: 13px; } .l1c { width: 5.5em; height: 5.5em; } .l1c:hover, .l1c:focus { width: 11em; height: 11em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: inline; } .fl10 { flex-basis: 100%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 22.5em; height: 22.5em; } .c2 { width: 45em; height: 15em; } .trc2 { width: 10.4em; height: 10.4em; } .trc3 { width: 22.1em; height: 22.1em; } } @media all and (min-width: 45em) { * { word-break: normal; } body { font-size: 13.5px; } .l1c { width: 6em; height: 6em; } .l1c:hover, .l1c:focus { width: 12em; height: 12em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: inline; } .fl10 { flex-basis: 45%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 11.25em; height: 11.25em; } .c2 { width: 22.5em; height: 7.5em; } .trc2 { width: 11.7em; height: 11.7em; } .trc3 { width: 23.4em; height: 23.4em; } } @media all and (min-width: 55em) { * { word-break: normal; } body { font-size: 14px; } .l1c { width: 7em; height: 7em; } .l1c:hover, .l1c:focus { width: 14em; height: 14em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: inline; } .fl10 { flex-basis: 45%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 14.25em; height: 14.25em; } .c2 { width: 28.5em; height: 9.5em; } .trc2 { width: 13em; height: 13em; } .trc3 { width: 26em; height: 26em; } } @media all and (min-width: 65em) { * { word-break: normal; } body { font-size: 14.5px; } .l1c { width: 8em; height: 8em; } .l1c:hover, .l1c:focus { width: 16em; height: 16em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: inline; } .fl10 { flex-basis: 45%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 16.5em; height: 16.5em; } .c2 { width: 33em; height: 11em; } .trc2 { width: 14.3em; height: 14.3em; } .trc3 { width: 29.9em; height: 29.9em; } } @media all and (min-width: 80em) { * { word-break: normal; } body { font-size: 14.5px; } .l1c { width: 9em; height: 9em; } .l1c:hover, .l1c:focus { width: 18em; height: 18em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd5 { display: none; opacity: 0; z-index: 1; visibility: hidden; cursor: auto; } .hd6 { display: inline; } .fl10 { flex-basis: 45%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 30%; } .c1 { width: 21em; height: 21em; } .c2 { width: 42em; height: 14em; } .trc2 { width: 15.6em; height: 15.6em; } .trc3 { width: 32.5em; height: 32.5em; } } @media all and (min-width: 90em) { * { word-break: normal; } body { font-size: 14.5px; } .l1c { width: 10em; height: 10em; } .l1c:hover, .l1c:focus { width: 20em; height: 20em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd5 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd6 { display: inline; } .fl10 { flex-basis: 29%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 30%; } .c1 { width: 14.25em; height: 14.25em; } .c2 { width: 28.5em; height: 9.5em; } .trc2 { width: 16.9em; height: 16.9em; } .trc3 { width: 35.1em; height: 35.1em; } } @media all and (min-width: 100em) { * { word-break: normal; } body { font-size: 14.5px; } .l1c { width: 11em; height: 11em; } .l1c:hover, .l1c:focus { width: 22em; height: 22em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd5 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd6 { display: inline; } .fl10 { flex-basis: 29%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 30%; } .c1 { width: 16.5em; height: 16.5em; } .c2 { width: 33em; height: 11em; } .trc2 { width: 18.2em; height: 18.2em; } .trc3 { width: 36.4em; height: 36.4em; } } @media all and (min-width: 120em) { * { word-break: normal; } body { font-size: 14.5px; } .l1c { width: 12em; height: 12em; } .l1c:hover, .l1c:focus { width: 24em; height: 24em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd5 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd6 { display: inline; } .fl10 { flex-basis: 29%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 30%; } .c1 { width: 19.5em; height: 19.5em; } .c2 { width: 39em; height: 13em; } .trc2 { width: 20.8em; height: 20.8em; } .trc3 { width: 40.3em; height: 40.3em; } } @media all and (min-width: 150em) { * { word-break: normal; } body { font-size: 14.5px; } .l1c { width: 13em; height: 13em; } .l1c:hover, .l1c:focus { width: 26em; height: 26em; } .hd1 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd2 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd3 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd4 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd5 { display: block; opacity: 1; z-index: 79; visibility: visible; cursor: pointer; } .hd6 { display: inline; } .fl10 { flex-basis: 22%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 22%; } .c1 { width: 21.75em; height: 21.75em; } .c2 { width: 43.5em; height: 14.5em; } .trc2 { width: 24.7em; height: 24.7em; } .trc3 { width: 49.4em; height: 49.4em; } } .lf { display: none; }