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('stealthpitch-logo.svg'); z-index: 69; width: 1.3em; height: 1.3em; } .l1c { background-image: url('stealthpitch-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; } .l1 { background-image: url('stealthpitch-logo.svg'); } .bgb1 { background-image: url('bgb1.svg'); } .bgb2 { background-image: url('bgb2.svg'); } .bgb3 { background-image: url('bgb3.svg'); } .bgb4 { background-image: url('bgb4.svg'); } .bgb5 { background-image: url('bgb5.svg'); } .bgb6 { background-image: url('bgb6.svg'); } .bgb7 { background-image: url('bgb7.svg'); } .l2 { background-image: url('dacs-logo.svg'); } .l3 { background-image: url('spectrum-of-stealth-logo.svg'); } .l4 { background-image: url('certified-fi-logo.svg'); } .l5 { background-image: url('certified-fi-1-logo.svg'); } .l6 { background-image: url('certified-fi-4-logo.svg'); } .l7 { background-image: url('certified-fi-44-logo.svg'); } .l8 { background-image: url('stealthback-logo.svg'); } .l9 { background-image: url('ol3s-logo.svg'); } .l10 { background-image: url('stealth-by-design-logo.svg'); } .l11 { background-image: url('fi-des-logo.svg'); } .l12 { background-image: url('kitakatu-iv-logo.svg'); } .l13 { background-image: url('kitakatu-iii-logo.svg'); } .l14 { background-image: url('kitakatu-ii-logo.svg'); } .l15 { background-image: url('kitakatu-i-logo.svg'); } .l16 { background-image: url('overiku-iii-logo.svg'); } .l17 { background-image: url('overiku-ii-logo.svg'); } .l18 { background-image: url('overiku-i-logo.svg'); } .l19 { background-image: url('okoko-logo.svg'); } .l20 { background-image: url('okoko-ok-logo.svg'); } .l21 { background-image: url('okoko-io-logo.svg'); } .l22 { background-image: url('okoko-ik-logo.svg'); } .l23 { background-image: url('okoko-ko-logo.svg'); } .l24 { background-image: url('okoko-ki-logo.svg'); } .l25 { background-image: url('okoko-oo-logo.svg'); } .l26 { background-image: url('sac-logo.svg'); } .l27 { background-image: url('socialc-logo.svg'); } .l28 { background-image: url('lesstraces-logo.svg'); } .l29 { background-image: url('the-77-million-challenge-logo.svg'); } .l30 { background-image: url('three-four-logo.svg'); } .l31 { background-image: url('free-to-use-logo.svg'); } .l32 { background-image: url('special-service-logo.svg'); } .l33 { background-image: url('simplified-service-logo.svg'); } .bgi1 { background-image: url('bgi1.svg'); } .bgi2 { background-image: url('bgi2.svg'); } .bgi3 { background-image: url('bgi3.svg'); } .bgi4 { background-image: url('bgi4.svg'); } .bgi5 { background-image: url('bgi5.svg'); } .bgi6 { background-image: url('bgi6.svg'); } .bgi7 { background-image: url('bgi7.svg'); } .bgi8 { background-image: url('bgi8.svg'); } .bgi9 { background-image: url('bgi9.svg'); } .bgi10 { background-image: url('bgi10.svg'); } .bgi11 { background-image: url('bgi11.svg'); } .bgi12 { background-image: url('bgi12.svg'); } .bgi13 { background-image: url('bgi13.svg'); } .bgi14 { background-image: url('bgi14.svg'); } .bgi15 { background-image: url('bgi15.svg'); } .bgi16 { background-image: url('bgi16.svg'); } .bgi17 { background-image: url('bgi17.svg'); } .bgi18 { background-image: url('bgi18.svg'); } .bgb { display: block; background-size: cover; background-repeat: no-repeat; overflow: hidden; transition: all 0.3s ease-in-out; } .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: flex-start; 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: flex-start; 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%; } .c1 { overflow: hidden; } .c2 { overflow: hidden; } .tc { color: rgb(14, 0, 191) !important; } .b1 { border-style: solid; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; font-size: 1.2em; transition: all 0.3s ease-in-out; } .b1:hover, .b1:focus { background-color: rgba(76, 76, 76, 0.5); transition: all 0.3s ease-in-out; } .b2 { border-style: dashed; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; } .b3 { border-top-style: none; border-bottom-style: dashed; border-left-style: none; border-right-style: dashed; border-color: rgba(76, 76, 76, 0.6); border-width: 0.1em; border-radius: 0em; } .b4 { border-style: dashed; border-color: rgba(76, 76, 76, 0.6); border-width: 0.1em; border-radius: 0em; } .b5 { border-top-style: none; border-bottom-style: dashed; border-left-style: none; border-right-style: none; border-color: rgba(76, 76, 76, 0.6); border-width: 0.1em; border-radius: 0em; } .b6 { border-style: solid; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .b6:hover, .b6:focus { background-color: rgba(76, 76, 76, 0.5); transition: all 0.3s ease-in-out; } .b7 { border-style: solid; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .b7:hover, .b7:focus { background-color: rgba(76, 76, 76, 0.5); transition: all 0.3s ease-in-out; } .b8 { border-style: solid; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .b8:hover, .b8:focus { transition: all 0.3s ease-in-out; } .b9 { border-style: dashed; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; } .b10 { border-style: solid; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .b10:hover, .b10:focus { background-color: rgba(76, 76, 76, 0.5); transition: all 0.3s ease-in-out; } .b11 { border-style: solid; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .b11:hover, .b11:focus { background-color: rgba(76, 76, 76, 0.5); transition: all 0.3s ease-in-out; } .b12 { border-style: dashed; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .b13 { border-style: dashed; border-color: rgb(76, 76, 76); border-width: 0.1em; border-radius: 0em; transition: all 0.3s ease-in-out; } .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; } .m20 { margin-top: 1em; margin-bottom: 1em; margin-left: 0em; margin-right: 0em; padding: 0em; } .m21 { margin-top: 1em; margin-bottom: 0em; margin-left: 0em; 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: 4em; height: 4em; } .c2 { width: 12em; height: 4em; } } @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: 5.3em; height: 5.3em; } .c2 { width: 15.9em; height: 5.3em; } } @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: 6.3em; height: 6.3em; } .c2 { width: 18.9em; height: 6.3em; } } @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: 7.9em; height: 7.9em; } .c2 { width: 23.7em; height: 7.9em; } } @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: 9.7em; height: 9.7em; } .c2 { width: 29.1em; height: 9.7em; } } @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: 11.4em; height: 11.4em; } .c2 { width: 34.2em; height: 11.4em; } } @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: 13em; height: 13em; } .c2 { width: 39em; height: 13em; } } @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: 45%; } .fl11 { flex-basis: 100%; } .fl12 { flex-basis: 45%; } .c1 { width: 14.4em; height: 14.4em; } .c2 { width: 43.2em; height: 14.4em; } } @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: 15.8em; height: 15.8em; } .c2 { width: 47.4em; height: 15.8em; } } @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: 56%; } .fl12 { flex-basis: 45%; } .c1 { width: 19em; height: 19em; } .c2 { width: 57em; height: 19em; } } @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: 29%; } .fl11 { flex-basis: 45%; } .fl12 { flex-basis: 45%; } .c1 { width: 8.2em; height: 8.2em; } .c2 { width: 24.6em; height: 8.2em; } } @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: 29%; } .fl11 { flex-basis: 45%; } .fl12 { flex-basis: 30%; } .c1 { width: 10.5em; height: 10.5em; } .c2 { width: 31.5em; height: 10.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: 45%; } .fl12 { flex-basis: 30%; } .c1 { width: 12.1em; height: 12.1em; } .c2 { width: 36.3em; height: 12.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: 45%; } .fl12 { flex-basis: 30%; } .c1 { width: 13.6em; height: 13.6em; } .c2 { width: 40.8em; height: 13.6em; } } @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: 45%; } .fl12 { flex-basis: 30%; } .c1 { width: 16.7em; height: 16.7em; } .c2 { width: 50.1em; height: 16.7em; } } @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: 23%; } .fl11 { flex-basis: 32%; } .fl12 { flex-basis: 22%; } .c1 { width: 14em; height: 14em; } .c2 { width: 42em; height: 14em; } } .lf { display: none; }