(Created page with "→! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license: !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?modul...") |
|||
Line 1: | Line 1: | ||
− | /* | + | |
− | + | .fonas { | |
+ | background-color: #F2F2F2; | ||
+ | } | ||
+ | .headeris{ | ||
+ | |||
+ | } | ||
+ | .i11 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 3vw; | ||
+ | margin-left: 5%; | ||
+ | |||
+ | } | ||
+ | .i12 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 3vw; | ||
+ | margin-left: 30%; | ||
+ | -webkit-animation-delay: 0.5s; | ||
+ | animation-delay: 0.5s; | ||
+ | } | ||
+ | .introtxt5 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 13.56px; | ||
+ | text-align: center; | ||
+ | margin-left: 80%; | ||
+ | margin-top: -10%; | ||
+ | z-index: 1; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .introtxt10 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 30%; | ||
+ | margin-left: -15%; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | z-index: 1 | ||
+ | } | ||
+ | .introtxt16 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 85%; | ||
+ | margin-left: 50%; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | z-index: 1 | ||
+ | } | ||
+ | .introtxt22 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 130%; | ||
+ | margin-left: 0%; | ||
+ | z-index: 1; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 | ||
+ | } | ||
+ | .introtxt26 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 190%; | ||
+ | margin-left: 40%; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | .introtxt28 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 200%; | ||
+ | margin-left: 65%; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | z-index: 1; | ||
+ | |||
+ | } | ||
+ | |||
+ | .introtxt32 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 245%; | ||
+ | margin-left: -10%; | ||
+ | z-index: 1; | ||
+ | white-space:nowrap; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 | ||
+ | } | ||
+ | .introtxt35 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 255%; | ||
+ | margin-left: 5%; | ||
+ | z-index: 1; | ||
+ | white-space:nowrap; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 | ||
+ | } | ||
+ | .i111 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 320%; | ||
+ | margin-left: 7%; | ||
+ | z-index: 1; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | .i112 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | text-align: center; | ||
+ | margin-top: 330%; | ||
+ | margin-left: 32%; | ||
+ | z-index: 1; | ||
+ | white-space:nowrap; | ||
+ | } | ||
+ | .i113 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 3vw; | ||
+ | text-align: center; | ||
+ | margin-top: 350%; | ||
+ | width: 100%; | ||
+ | z-index: 1; | ||
+ | white-space:nowrap; | ||
+ | |||
+ | } | ||
+ | |||
+ | .poslink{ | ||
+ | text-indent: 100em; | ||
+ | } | ||
+ | |||
+ | .matuoklis1{ | ||
+ | position:relative; | ||
+ | top: -50em; | ||
+ | } | ||
+ | .matuoklis2{ | ||
+ | position:relative; | ||
+ | |||
+ | |||
+ | margin-top: 200%; | ||
+ | } | ||
+ | |||
+ | .overflowcontrol{ | ||
+ | margin: auto; | ||
+ | width: 1200px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .container{ | ||
+ | |||
+ | margin: auto; | ||
+ | width: 1200px; | ||
+ | |||
+ | |||
+ | } | ||
+ | .intro1{ | ||
+ | white-space:nowrap; | ||
+ | position:relative; | ||
+ | width: 80%; | ||
+ | margin: auto; | ||
+ | margin-top: 10%; | ||
+ | margin-bottom: 320%; | ||
+ | } | ||
+ | |||
+ | @media only screen and (min-width: 800px) { | ||
+ | .introlib{ | ||
+ | white-space:nowrap; | ||
+ | position:relative; | ||
+ | width: 60%; | ||
+ | margin: auto; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .introxxx{ | ||
+ | |||
+ | position:absolute; | ||
+ | width: 70%; | ||
+ | } | ||
+ | |||
+ | .margin{ | ||
+ | margin-left:5%; | ||
+ | margin-right:5%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .igmA { | ||
+ | position: absolute; | ||
+ | |||
+ | |||
+ | z-index: 1; | ||
+ | |||
+ | } | ||
+ | |||
+ | .igmB { | ||
+ | position: absolute; | ||
+ | |||
+ | z-index: 6; | ||
+ | } | ||
+ | .igmB5 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(0% 2% 80% 66%); | ||
+ | clip-path: inset(0% 2% 80% 66%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | |||
+ | } | ||
+ | .igmB10 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(12% 47% 70% 5%); | ||
+ | clip-path: inset(12% 47% 70% 5%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmB16 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(20% 10% 55% 50%); | ||
+ | clip-path: inset(20% 10% 55% 50%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmB22 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(45% 47% 38% 5%); | ||
+ | clip-path: inset(45% 47% 38% 5%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmB26 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(62% 40% 27% 25%); | ||
+ | clip-path: inset(62% 40% 27% 25%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmB28 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(62% 10% 23% 50%); | ||
+ | clip-path: inset(62% 10% 23% 50%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmB32 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(77% 10% 10% 50%); | ||
+ | clip-path: inset(77% 10% 10% 50%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmB35 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(80% 30% 0% 0%); | ||
+ | clip-path: inset(80% 30% 0% 0%); | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igmA0 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(0% 83% 97% 0%); | ||
+ | clip-path: inset(0% 83% 97% 0%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA1 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(0% 83% 97% 0%); | ||
+ | clip-path: inset(0% 83% 97% 0%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA2 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(3% 66% 95% 18%); | ||
+ | clip-path: inset(3% 66% 95% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA3 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(5% 49% 92% 34%); | ||
+ | clip-path: inset(5% 49% 92% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA4 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(7% 22% 90.5% 50%); | ||
+ | clip-path: inset(7% 22% 90.5% 50%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA5 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(9% 5% 88% 66%); | ||
+ | clip-path: inset(9% 5% 88% 66%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA6 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(11% 0% 84% 84%); | ||
+ | clip-path: inset(11% 0% 84% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA7 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(16% 0% 80% 84%); | ||
+ | clip-path: inset(16% 0% 80% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA8 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(20% 5% 76% 67%); | ||
+ | clip-path: inset(20% 5% 76% 67%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA9 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(22% 22% 74% 51%); | ||
+ | clip-path: inset(22% 22% 74% 51%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA10 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(24% 47% 73% 34%); | ||
+ | clip-path: inset(24% 47% 73% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA11 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(26% 65% 71% 18%); | ||
+ | clip-path: inset(26% 65% 71% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA12 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(28% 82% 67.5% 4%); | ||
+ | clip-path: inset(28% 82% 67.5% 4%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA13 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(32.5% 83% 64% 4%); | ||
+ | clip-path: inset(32.5% 83% 64% 4%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA14 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(34.5% 66% 60.5% 18%); | ||
+ | clip-path: inset(34.5% 66% 60.5% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA15 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(36.5% 49% 58.5% 34%); | ||
+ | clip-path: inset(36.5% 49% 58.5% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA16 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(38.5% 24% 57% 51%); | ||
+ | clip-path: inset(38.5% 24% 57% 51%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA17 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(40.5% 7% 55% 67%); | ||
+ | clip-path: inset(40.5% 7% 55% 67%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA18 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(44.5% 2% 51% 84%); | ||
+ | clip-path: inset(44.5% 2% 51% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA19 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(49.5% 2% 47% 84%); | ||
+ | clip-path: inset(49.5% 2% 47% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA20 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(53% 7% 43% 66%); | ||
+ | clip-path: inset(53% 7% 43% 66%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA21 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(55% 31% 39% 50%); | ||
+ | clip-path: inset(55% 31% 39% 50%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA22 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(57% 49% 36.5% 34%); | ||
+ | clip-path: inset(57% 49% 36.5% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA23 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(59% 66% 33.5% 18%); | ||
+ | clip-path: inset(59% 66% 33.5% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA24 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(61% 83% 34% 2%); | ||
+ | clip-path: inset(61% 83% 34% 2%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA25 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(65.5% 83% 31% 2%); | ||
+ | clip-path: inset(65.5% 83% 31% 2%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA26 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(67.5% 65% 28% 18%); | ||
+ | clip-path: inset(67.5% 65% 28% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA27 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(69.5% 48% 26% 35%); | ||
+ | clip-path: inset(69.5% 48% 26% 35%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA28 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(71.5% 31% 24% 52%); | ||
+ | clip-path: inset(71.5% 31% 24% 52%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA29 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(73.5% 14% 21.5% 68%); | ||
+ | clip-path: inset(73.5% 14% 21.5% 68%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA30 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(75.5% 2% 18% 84%); | ||
+ | clip-path: inset(75.5% 2% 18% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA31 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(82% 2% 13% 84%); | ||
+ | clip-path: inset(82% 2% 13% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA32 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(85% 15% 8% 68%); | ||
+ | clip-path: inset(85% 15% 8% 68%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA33 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(87% 32% 6% 52%); | ||
+ | clip-path: inset(87% 32% 6% 52%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA34 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(89% 49% 4% 35%); | ||
+ | clip-path: inset(89% 49% 4% 35%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA35 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(91% 66% 2% 18%); | ||
+ | clip-path: inset(91% 66% 2% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmA36 { | ||
+ | position: absolute; | ||
+ | -webkit-clip-path: inset(93% 83% 0% 2%); | ||
+ | clip-path: inset(93% 83% 0% 2%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .txt1{ | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 150%; | ||
+ | margin-left: 60%; | ||
+ | display: none; | ||
+ | z-index: 10; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 4s; animation-delay: 4s; | ||
+ | } | ||
+ | |||
+ | .i21 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 250%; | ||
+ | text-align: center; | ||
+ | visibility: hidden; | ||
+ | z-index: 5; | ||
+ | margin-bottom: 10%; | ||
+ | } | ||
+ | .i22 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 250%; | ||
+ | text-align: center; | ||
+ | |||
+ | -webkit-animation-delay: 0.3s; | ||
+ | |||
+ | animation-delay: 0.3s; | ||
+ | visibility: hidden | ||
+ | } | ||
+ | |||
+ | .startext{ | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 20%; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vh; | ||
+ | text-align: center; | ||
+ | color: #ffffffda; | ||
+ | z-index: 10; | ||
+ | -webkit-animation-duration: 1.5s; | ||
+ | animation-duration: 1.5s; | ||
+ | } | ||
+ | .startrash{ | ||
+ | position: relative; | ||
+ | top:20%; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 200%; | ||
+ | text-align: center; | ||
+ | color: #ffffffda; | ||
+ | z-index: 0; | ||
+ | opacity: 0; | ||
+ | |||
+ | } | ||
+ | .klipis{ | ||
+ | position: relative; | ||
+ | -webkit-clip-path: inset(0% 65% 80% 20%); | ||
+ | clip-path: inset(0% 65% 80% 20%); | ||
+ | |||
+ | } | ||
+ | |||
+ | .i24 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 200%; | ||
+ | text-align: center; | ||
+ | margin-bottom: 5%; | ||
+ | -webkit-animation-delay: 0.3s; | ||
+ | animation-delay: 0.3s; | ||
+ | visibility: hidden | ||
+ | } | ||
+ | |||
+ | .i25 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 200%; | ||
+ | text-align: center; | ||
+ | margin-top: 5%; | ||
+ | margin-bottom: 3%; | ||
+ | visibility: hidden; | ||
+ | |||
+ | } | ||
+ | .i26 { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 200%; | ||
+ | text-align: center; | ||
+ | margin-top: 10%; | ||
+ | margin-bottom: 3%; | ||
+ | visibility: hidden; | ||
+ | -webkit-animation-delay: 1s; | ||
+ | animation-delay: 1s; | ||
+ | } | ||
+ | |||
+ | .prothold{ | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | -webkit-animation-delay: 0.5s; | ||
+ | animation-delay: 0.5s; | ||
+ | margin-bottom: 10%; | ||
+ | visibility: hidden; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .logogrey{ | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 15%; | ||
+ | width: 30%; | ||
+ | visibility: hidden; | ||
+ | -webkit-animation-delay: 1s; | ||
+ | animation-delay: 1s; | ||
+ | } | ||
+ | |||
+ | .libraryholder{ | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 60%; | ||
+ | margin-bottom: 110%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .dnalibrarytxt { | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | text-align: center; | ||
+ | margin-top: 5%; | ||
+ | visibility: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .dnalibrary{ | ||
+ | -webkit-clip-path: inset(0% 0% 80% 0%); | ||
+ | clip-path: inset(0% 0% 80% 0%); | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | .dnalibraryleft{ | ||
+ | -webkit-clip-path: inset(0% 0% 80% 0%); | ||
+ | clip-path: inset(0% 0% 80% 0%); | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | .dnalibraryright{ | ||
+ | -webkit-clip-path: inset(0% 0% 80% 0%); | ||
+ | clip-path: inset(0% 0% 80% 0%); | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .dna11{ | ||
+ | -webkit-clip-path: inset(15% 80% 80% 5%); | ||
+ | clip-path: inset(15% 80% 80% 5%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | -webkit-animation-play-state: paused; | ||
+ | animation-play-state: paused; | ||
+ | -webkit-animation-name: dna11; | ||
+ | animation-name: dna11; | ||
+ | -webkit-animation-duration: 3s; | ||
+ | animation-duration: 3s; | ||
+ | -webkit-animation-timing-function: ease; | ||
+ | animation-timing-function: ease; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; /*when the spec is finished*/ | ||
+ | |||
+ | } | ||
+ | |||
+ | @-webkit-keyframes dna11{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0px,0px) ; | ||
+ | transform: translate(0px,0px) ; | ||
+ | } | ||
+ | 50% { | ||
+ | -webkit-transform: translate(34.5%,10%) ; | ||
+ | transform: translate(34.5%,10%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(34.5%,25%) ; | ||
+ | transform: translate(34.5%,25%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes dna11{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0px,0px) ; | ||
+ | transform: translate(0px,0px) ; | ||
+ | } | ||
+ | 50% { | ||
+ | -webkit-transform: translate(34.5%,10%) ; | ||
+ | transform: translate(34.5%,10%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(34.5%,25%) ; | ||
+ | transform: translate(34.5%,25%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .dna12{ | ||
+ | -webkit-clip-path: inset(15% 40% 80% 40%); | ||
+ | clip-path: inset(15% 40% 80% 40%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | |||
+ | -webkit-animation-duration: 3s; | ||
+ | |||
+ | animation-duration: 3s; | ||
+ | -webkit-animation-timing-function: ease; | ||
+ | animation-timing-function: ease; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; /*when the spec is finished*/ | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @-webkit-keyframes dna12{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0px,0px) ; | ||
+ | transform: translate(0px,0px) ; | ||
+ | } | ||
+ | 50% { | ||
+ | -webkit-transform: translate(-2.4%,10%) ; | ||
+ | transform: translate(-2.4%,10%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-2.4%,22%) ; | ||
+ | transform: translate(-2.4%,22%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @keyframes dna12{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0px,0px) ; | ||
+ | transform: translate(0px,0px) ; | ||
+ | } | ||
+ | 50% { | ||
+ | -webkit-transform: translate(-2.4%,10%) ; | ||
+ | transform: translate(-2.4%,10%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-2.4%,22%) ; | ||
+ | transform: translate(-2.4%,22%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .dna13{ | ||
+ | -webkit-clip-path: inset(15% 5% 80% 75%); | ||
+ | clip-path: inset(15% 5% 80% 75%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | -webkit-animation-duration: 3s; | ||
+ | animation-duration: 3s; | ||
+ | -webkit-animation-timing-function: ease; | ||
+ | animation-timing-function: ease; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; /*when the spec is finished*/ | ||
+ | |||
+ | } | ||
+ | |||
+ | @-webkit-keyframes dna13{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0px,0px) ; | ||
+ | transform: translate(0px,0px) ; | ||
+ | } | ||
+ | 50% { | ||
+ | -webkit-transform: translate(-38%,10%) ; | ||
+ | transform: translate(-38%,10%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-38%,18.5%) ; | ||
+ | transform: translate(-38%,18.5%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes dna13{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0px,0px) ; | ||
+ | transform: translate(0px,0px) ; | ||
+ | } | ||
+ | 50% { | ||
+ | -webkit-transform: translate(-38%,10%) ; | ||
+ | transform: translate(-38%,10%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-38%,18.5%) ; | ||
+ | transform: translate(-38%,18.5%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .chippng{ | ||
+ | -webkit-clip-path: inset(25% 10% 20% 10%); | ||
+ | clip-path: inset(25% 10% 20% 10%); | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | z-index: 5; | ||
+ | |||
+ | } | ||
+ | |||
+ | .dnaarr1{ | ||
+ | -webkit-clip-path: inset(10% 30% 65% 30%); | ||
+ | clip-path: inset(10% 30% 65% 30%); | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | -webkit-animation-delay: 5.5s; | ||
+ | animation-delay: 5.5s; | ||
+ | |||
+ | } | ||
+ | |||
+ | .encapsulationtxt { | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 20px; | ||
+ | margin-top: 60%; | ||
+ | margin-left: 60%; | ||
+ | white-space: nowrap; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | @-webkit-keyframes dna112{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(34.5%,25%) ; | ||
+ | transform: translate(34.5%,25%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(35.5%,46%) ; | ||
+ | transform: translate(35.5%,46%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @keyframes dna112{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(34.5%,25%) ; | ||
+ | transform: translate(34.5%,25%) ; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(35.5%,46%) ; | ||
+ | transform: translate(35.5%,46%) ; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .dnaarr21{ | ||
+ | -webkit-clip-path: inset(40% 50% 30% 10%); | ||
+ | clip-path: inset(40% 50% 30% 10%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .dnaarr22{ | ||
+ | -webkit-clip-path: inset(40% 10% 30% 50%); | ||
+ | clip-path: inset(40% 10% 30% 50%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .droplet1{ | ||
+ | -webkit-clip-path: inset(30% 40% 30% 40%); | ||
+ | clip-path: inset(30% 40% 30% 40%); | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; | ||
+ | -webkit-animation-timing-function: ease; | ||
+ | animation-timing-function: ease; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; /*when the spec is finished*/ | ||
+ | |||
+ | } | ||
+ | |||
+ | @-webkit-keyframes droplet1{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0%,0%) ; | ||
+ | transform: translate(0%,0%) ; | ||
+ | opacity:0.1; | ||
+ | } | ||
+ | 25% { | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(0%,10%) ; | ||
+ | transform: translate(0%,10%) ; | ||
+ | opacity:1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes droplet1{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0%,0%) ; | ||
+ | transform: translate(0%,0%) ; | ||
+ | opacity:0.1; | ||
+ | } | ||
+ | 25% { | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(0%,10%) ; | ||
+ | transform: translate(0%,10%) ; | ||
+ | opacity:1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .droplet2{ | ||
+ | -webkit-clip-path: inset(70% 10% 0% 10%); | ||
+ | clip-path: inset(70% 10% 0% 10%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .recmodholder{ | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 60%; | ||
+ | margin-bottom: 120%; | ||
+ | } | ||
+ | |||
+ | .droplet21{ | ||
+ | -webkit-clip-path: inset(0% 29% 62% 30%); | ||
+ | clip-path: inset(0% 29% 62% 30%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .droparr1{ | ||
+ | -webkit-clip-path: inset(0% 29% 62% 30%); | ||
+ | clip-path: inset(0% 29% 62% 30%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .biomolecule1{ | ||
+ | -webkit-clip-path: inset(0% 29% 62% 30%); | ||
+ | clip-path: inset(0% 29% 62% 30%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .outarrow1{ | ||
+ | -webkit-clip-path: inset(26% 29% 50% 25%); | ||
+ | clip-path: inset(26% 29% 50% 25%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .droplet22{ | ||
+ | -webkit-clip-path: inset(30% 55% 25% 0%); | ||
+ | clip-path: inset(30% 55% 25% 0%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .droparr2{ | ||
+ | -webkit-clip-path: inset(30% 55% 25% 0%); | ||
+ | clip-path: inset(30% 55% 25% 0%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .recmod{ | ||
+ | -webkit-clip-path: inset(30% 55% 25% 0%); | ||
+ | clip-path: inset(30% 55% 25% 0%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .outarrow2{ | ||
+ | -webkit-clip-path: inset(50% 20% 20% 0%); | ||
+ | clip-path: inset(50% 20% 20% 0%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .droplet23{ | ||
+ | -webkit-clip-path: inset(55% 0% 0% 40%); | ||
+ | clip-path: inset(55% 0% 0% 40%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .droparr3{ | ||
+ | -webkit-clip-path: inset(55% 0% 0% 40%); | ||
+ | clip-path: inset(55% 0% 0% 40%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .modif{ | ||
+ | -webkit-clip-path: inset(55% 0% 0% 40%); | ||
+ | clip-path: inset(55% 0% 0% 40%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .moddna{ | ||
+ | -webkit-clip-path: inset(65% 30% 15% 55%); | ||
+ | clip-path: inset(65% 30% 15% 55%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | |||
+ | -webkit-animation-duration: 10s; | ||
+ | |||
+ | animation-duration: 10s; | ||
+ | -webkit-animation-timing-function: ease; | ||
+ | animation-timing-function: ease; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | z-index: 6; | ||
+ | } | ||
+ | .moddnacolor{ | ||
+ | -webkit-clip-path: inset(65% 30% 15% 55%); | ||
+ | clip-path: inset(65% 30% 15% 55%); | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | |||
+ | -webkit-animation-duration: 10s; | ||
+ | |||
+ | animation-duration: 10s; | ||
+ | -webkit-animation-timing-function: ease; | ||
+ | animation-timing-function: ease; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | z-index: 7; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .nanoarr1{ | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | |||
+ | @-webkit-keyframes nanoporeseq{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0%,0%) ; | ||
+ | transform: translate(0%,0%) ; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:1 | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @keyframes nanoporeseq{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0%,0%) ; | ||
+ | transform: translate(0%,0%) ; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:1 | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes nanoporeseqcolor{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0%,0%) ; | ||
+ | transform: translate(0%,0%) ; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:0; | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes nanoporeseqcolor{ | ||
+ | 0% { | ||
+ | -webkit-transform: translate(0%,0%) ; | ||
+ | transform: translate(0%,0%) ; | ||
+ | } | ||
+ | |||
+ | 40% { | ||
+ | -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:0; | ||
+ | } | ||
+ | |||
+ | 100% { | ||
+ | -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; | ||
+ | opacity:1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .nanodiv{ | ||
+ | margin-top: 130%; | ||
+ | bottom:200%; | ||
+ | } | ||
+ | .nanoporeseq{ | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | .nanoarr4{ | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mygtukas1{ | ||
+ | border-radius: 5px; | ||
+ | padding: 2% 6%; | ||
+ | font-size: 1.2vw; | ||
+ | font-family: "ikaros"; | ||
+ | width: 25%; | ||
+ | left: 89%; | ||
+ | top: 5%; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | z-index: 6; | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mygtukas1txt{ | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | top: 5%; | ||
+ | left: 70%; | ||
+ | visibility: hidden; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mygtukas1:hover, #mygtukas2:hover, #mygtukas3:hover, #mygtukas01:hover { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #mygtukas2{ | ||
+ | |||
+ | border-radius: 5px; | ||
+ | padding: 2% 6%; | ||
+ | font-size: 1.2vw; | ||
+ | font-family: "ikaros"; | ||
+ | width: 25%; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 46%; | ||
+ | left: 89%; | ||
+ | } | ||
+ | |||
+ | .mygtukas2txt{ | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | top: 35%; | ||
+ | left: 72%; | ||
+ | visibility: hidden; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #mygtukas3{ | ||
+ | visibility: hidden; | ||
+ | border-radius: 5px; | ||
+ | padding: 2% 6%; | ||
+ | font-size: 1.2vw; | ||
+ | font-family: "ikaros"; | ||
+ | width: 25%; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | top: 79%; | ||
+ | position: absolute; | ||
+ | left: 89%; | ||
+ | } | ||
+ | |||
+ | .mygtukas3txt{ | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | |||
+ | top: 85%; | ||
+ | left: 72%; | ||
+ | visibility: hidden; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | |||
+ | #mygtukas4{ | ||
+ | visibility: hidden; | ||
+ | border-radius: 5px; | ||
+ | padding: 2% 6%; | ||
+ | font-size: 1.2vw; | ||
+ | font-family: "ikaros"; | ||
+ | width: 25%; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | top: 105%; | ||
+ | position: absolute; | ||
+ | left: 89%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mygtukas4txt{ | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | white-space: nowrap; | ||
+ | top: 110%; | ||
+ | left: 66%; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .mygtukas4txt2{ | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | text-align: center; | ||
+ | margin-top: 108%; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #mygtukas01{ | ||
+ | border-radius: 5px; | ||
+ | padding: 2% 6%; | ||
+ | font-size: 1.2vw; | ||
+ | width: 25%; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | z-index: 6; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | .mygtukas01 { | ||
+ | |||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 2vw; | ||
+ | margin-top: 75%; | ||
+ | width: 73%; | ||
+ | left: 87%; | ||
+ | } | ||
+ | .sudastekstas{ | ||
+ | |||
+ | visibility: hidden; | ||
+ | } | ||
+ | .sudastekstas2{ | ||
+ | |||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .image-wrapperis { | ||
+ | width: 170%; | ||
+ | position:relative; | ||
+ | left: -34%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .moddnacoloract{ | ||
+ | -webkit-clip-path: inset(65% 30% 15% 55%); | ||
+ | clip-path: inset(65% 30% 15% 55%); | ||
+ | |||
+ | position: absolute; | ||
+ | margin-top: -6%; | ||
+ | margin-left: -21.5%; | ||
+ | -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | -ms-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | z-index: 7; | ||
+ | opacity: 0; | ||
+ | |||
+ | |||
+ | -webkit-animation-duration: 3s; | ||
+ | |||
+ | |||
+ | animation-duration: 3s; | ||
+ | -webkit-animation-timing-function: linear; | ||
+ | animation-timing-function: linear; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | } | ||
+ | .moddnacoloract2{ | ||
+ | -webkit-clip-path: inset(65% 30% 15% 55%); | ||
+ | clip-path: inset(65% 30% 15% 55%); | ||
+ | |||
+ | position: absolute; | ||
+ | margin-top: -6%; | ||
+ | margin-left: -21.5%; | ||
+ | -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | -ms-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | z-index: 8; | ||
+ | opacity: 0; | ||
+ | -webkit-animation-duration: 3s; | ||
+ | animation-duration: 3s; | ||
+ | -webkit-animation-timing-function: linear; | ||
+ | animation-timing-function: linear; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | } | ||
+ | |||
+ | .gnk1{ | ||
+ | position: absolute; | ||
+ | margin-top: 85%; | ||
+ | -webkit-clip-path: inset(0% 90% 90% 0%); | ||
+ | clip-path: inset(0% 90% 90% 0%); | ||
+ | opacity: 0; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | } | ||
+ | |||
+ | .gnk1bar{ | ||
+ | position: absolute; | ||
+ | margin-top: 85%; | ||
+ | -webkit-clip-path: inset(0% 100% 90% 0%); | ||
+ | clip-path: inset(0% 100% 90% 0%); | ||
+ | |||
+ | |||
+ | -webkit-animation-delay: 3s; | ||
+ | |||
+ | |||
+ | animation-delay: 3s; | ||
+ | -webkit-animation-duration: 2s; | ||
+ | animation-duration: 2s; | ||
+ | -webkit-animation-timing-function: linear; | ||
+ | animation-timing-function: linear; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes gnk1bar { | ||
+ | 0% { | ||
+ | -webkit-clip-path: inset(0% 100% 90% 0%); | ||
+ | clip-path: inset(0% 100% 90% 0%); | ||
+ | |||
+ | } | ||
+ | 100% { | ||
+ | -webkit-clip-path: inset(0% 90% 90% 0%); | ||
+ | clip-path: inset(0% 90% 90% 0%); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes gnk1bar { | ||
+ | 0% { | ||
+ | -webkit-clip-path: inset(0% 100% 90% 0%); | ||
+ | clip-path: inset(0% 100% 90% 0%); | ||
+ | |||
+ | } | ||
+ | 100% { | ||
+ | -webkit-clip-path: inset(0% 90% 90% 0%); | ||
+ | clip-path: inset(0% 90% 90% 0%); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @-webkit-keyframes moddnacoloract1{ | ||
+ | 0% { | ||
+ | -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | @keyframes moddnacoloract1{ | ||
+ | 0% { | ||
+ | -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes moddnacoloract2{ | ||
+ | 0% { | ||
+ | -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes moddnacoloract2{ | ||
+ | 0% { | ||
+ | -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | #mygtukas5{ | ||
+ | visibility: visible; | ||
+ | border-radius: 5px; | ||
+ | padding: 2% 6%; | ||
+ | font-size: 1.2vw; | ||
+ | font-family: "ikaros"; | ||
+ | width: 25%; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | box-shadow: 0px 5px 0px 0px #f5f5f5e8; | ||
+ | top: 175%; | ||
+ | left: 89%; | ||
+ | position: absolute; | ||
+ | |||
+ | } | ||
+ | |||
+ | .mygtukas5txt{ | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 25px; | ||
+ | white-space: nowrap; | ||
+ | width:90%; | ||
+ | margin-left: 5%; | ||
+ | margin-top: 115%; | ||
+ | opacity: 1; | ||
+ | -webkit-animation-delay: 8s; | ||
+ | animation-delay: 8s; | ||
+ | -webkit-animation-fill-mode: forwards; | ||
+ | animation-fill-mode: forwards; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | |||
+ | .genukaiblack{ | ||
+ | position: absolute; | ||
+ | margin-top: 85%; | ||
+ | opacity: 0; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .genukaibar{ | ||
+ | position: absolute; | ||
+ | margin-top: 85%; | ||
+ | opacity: 0; | ||
+ | |||
+ | -webkit-animation-delay: 6s; | ||
+ | |||
+ | animation-delay: 6s; | ||
+ | -webkit-animation-duration: 3.5s; | ||
+ | animation-duration: 3.5s; | ||
+ | -webkit-animation-timing-function: linear; | ||
+ | animation-timing-function: linear; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-clip-path: inset(0% 100% 0% 0%); | ||
+ | clip-path: inset(0% 100% 0% 0%); | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .genukaicolor{ | ||
+ | position: absolute; | ||
+ | margin-top: 85%; | ||
+ | opacity: 0; | ||
+ | -webkit-animation-delay: 6s; | ||
+ | animation-delay: 6s; | ||
+ | -webkit-animation-duration: 3.5s; | ||
+ | animation-duration: 3.5s; | ||
+ | -webkit-animation-timing-function: linear; | ||
+ | animation-timing-function: linear; | ||
+ | -webkit-animation-iteration-count: 1; | ||
+ | animation-iteration-count: 1; | ||
+ | -webkit-transform-origin: 50% 50%; | ||
+ | -ms-transform-origin: 50% 50%; | ||
+ | transform-origin: 50% 50%; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes genukaibar { | ||
+ | 0% { | ||
+ | -webkit-clip-path: ellipse(0% 51% at 0% 50%); | ||
+ | clip-path: ellipse(0% 51% at 0% 50%); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-clip-path: ellipse(120% 80% at 0% 50%); | ||
+ | clip-path: ellipse(120% 80% at 0% 50%); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes genukaibar { | ||
+ | 0% { | ||
+ | -webkit-clip-path: ellipse(0% 51% at 0% 50%); | ||
+ | clip-path: ellipse(0% 51% at 0% 50%); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-clip-path: ellipse(120% 80% at 0% 50%); | ||
+ | clip-path: ellipse(120% 80% at 0% 50%); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | @-webkit-keyframes genukaicolor { | ||
+ | 0% { | ||
+ | -webkit-clip-path: ellipse(0% 51% at 100% 50%); | ||
+ | clip-path: ellipse(0% 51% at 100% 50%); | ||
+ | opacity: 1; | ||
+ | |||
+ | } | ||
+ | 100% { | ||
+ | -webkit-clip-path: ellipse(120% 80% at 100% 50%); | ||
+ | clip-path: ellipse(120% 80% at 100% 50%); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | @keyframes genukaicolor { | ||
+ | 0% { | ||
+ | -webkit-clip-path: ellipse(0% 51% at 100% 50%); | ||
+ | clip-path: ellipse(0% 51% at 100% 50%); | ||
+ | opacity: 1; | ||
+ | |||
+ | } | ||
+ | 100% { | ||
+ | -webkit-clip-path: ellipse(120% 80% at 100% 50%); | ||
+ | clip-path: ellipse(120% 80% at 100% 50%); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .outrodiv{ | ||
+ | visibility: hidden; | ||
+ | white-space:nowrap; | ||
+ | position:relative; | ||
+ | width: 80%; | ||
+ | margin: auto; | ||
+ | margin-bottom: -50%; | ||
+ | } | ||
+ | |||
+ | .sudastekstas3{ | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .outrotxt1{ | ||
+ | -webkit-animation-fill-mode: forwards; | ||
+ | animation-fill-mode: forwards; | ||
+ | opacity: 0; | ||
+ | -webkit-animation-delay: 9s; | ||
+ | animation-delay: 9s; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 3vw; | ||
+ | width: 90%; | ||
+ | left: -5%; | ||
+ | margin-top: 10%; | ||
+ | } | ||
+ | |||
+ | .outrotxt2{ | ||
+ | -webkit-animation-fill-mode: forwards; | ||
+ | animation-fill-mode: forwards; | ||
+ | opacity: 0; | ||
+ | -webkit-animation-delay: 9s; | ||
+ | animation-delay: 9s; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | width: 90%; | ||
+ | margin-top: 5%; | ||
+ | font-size: 3vw; | ||
+ | left: 5%; | ||
+ | margin-top: 20%; | ||
+ | } | ||
+ | .igmY4{ | ||
+ | margin-top: 35%; | ||
+ | clip-path: inset(0% 5% 82% 55%); | ||
+ | position:absolute; | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmY10{ | ||
+ | margin-top: 50%; | ||
+ | clip-path: inset(10% 50% 73% 10%); | ||
+ | position:absolute; | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmY15{ | ||
+ | margin-top: 50%; | ||
+ | clip-path: inset(20% 20% 55% 20%); | ||
+ | position:absolute; | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmY23{ | ||
+ | margin-top: 50%; | ||
+ | clip-path: inset(40% 40% 34% 5%); | ||
+ | position:absolute; | ||
+ | z-index: 6; | ||
+ | -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX1{ | ||
+ | margin-top: 50%; | ||
+ | position:absolute; | ||
+ | } | ||
+ | .igmXA{ | ||
+ | clip-path: inset(0% 0% 34% 0%); | ||
+ | margin-top: 50%; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | |||
+ | .igmY | ||
+ | |||
+ | |||
+ | .igmX0 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(0% 83% 97% 0%); | ||
+ | clip-path: inset(0% 83% 97% 0%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX1 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(0% 83% 97% 0%); | ||
+ | clip-path: inset(0% 83% 97% 0%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX2 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(3% 66% 95% 18%); | ||
+ | clip-path: inset(3% 66% 95% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX3 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(5% 49% 92% 34%); | ||
+ | clip-path: inset(5% 49% 92% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX4 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(7% 22% 90.5% 50%); | ||
+ | clip-path: inset(7% 22% 90.5% 50%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX5 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(9% 5% 88% 66%); | ||
+ | clip-path: inset(9% 5% 88% 66%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX6 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(11% 0% 84% 84%); | ||
+ | clip-path: inset(11% 0% 84% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX7 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(16% 0% 80% 84%); | ||
+ | clip-path: inset(16% 0% 80% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX8 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(20% 5% 76% 67%); | ||
+ | clip-path: inset(20% 5% 76% 67%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX9 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(22% 22% 74% 51%); | ||
+ | clip-path: inset(22% 22% 74% 51%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX10 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(24% 47% 73% 34%); | ||
+ | clip-path: inset(24% 47% 73% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX11 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(26% 65% 71% 18%); | ||
+ | clip-path: inset(26% 65% 71% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX12 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(28% 82% 67.5% 4%); | ||
+ | clip-path: inset(28% 82% 67.5% 4%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX13 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(32.5% 83% 64% 4%); | ||
+ | clip-path: inset(32.5% 83% 64% 4%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX14 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(34.5% 66% 60.5% 18%); | ||
+ | clip-path: inset(34.5% 66% 60.5% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX15 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(36.5% 49% 58.5% 34%); | ||
+ | clip-path: inset(36.5% 49% 58.5% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX16 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(38.5% 24% 57% 51%); | ||
+ | clip-path: inset(38.5% 24% 57% 51%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX17 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(40.5% 7% 55% 67%); | ||
+ | clip-path: inset(40.5% 7% 55% 67%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX18 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(44.5% 2% 51% 84%); | ||
+ | clip-path: inset(44.5% 2% 51% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX19 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(49.5% 2% 47% 84%); | ||
+ | clip-path: inset(49.5% 2% 47% 84%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX20 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(53% 7% 43% 66%); | ||
+ | clip-path: inset(53% 7% 43% 66%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX21 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(55% 31% 39% 50%); | ||
+ | clip-path: inset(55% 31% 39% 50%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX22 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(57% 49% 36.5% 34%); | ||
+ | clip-path: inset(57% 49% 36.5% 34%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX23 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(59% 66% 33.5% 18%); | ||
+ | clip-path: inset(59% 66% 33.5% 18%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .igmX24 { | ||
+ | position: absolute; margin-top: 50%; | ||
+ | -webkit-clip-path: inset(61% 83% 34% 2%); | ||
+ | clip-path: inset(61% 83% 34% 2%); | ||
+ | z-index: 2; | ||
+ | -webkit-animation-duration: 1s; | ||
+ | animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | |||
+ | .outrotxt4 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 13.56px; | ||
+ | text-align: center; | ||
+ | margin-left: 0%; | ||
+ | margin-top: 35%; | ||
+ | z-index: 1; | ||
+ | animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | |||
+ | .outrotxt10 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 13.56px; | ||
+ | text-align: center; | ||
+ | margin-left: -10%; | ||
+ | margin-top: 75%; | ||
+ | z-index: 1; | ||
+ | animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | |||
+ | .outrotxt15 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 13.56px; | ||
+ | text-align: center; | ||
+ | margin-left: 75%; | ||
+ | margin-top: 140%; | ||
+ | z-index: 1; | ||
+ | white-space: nowrap; | ||
+ | animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | |||
+ | .outrotxt23 { | ||
+ | position: absolute; | ||
+ | font-family: "ikaros"; | ||
+ | font-style: normal; | ||
+ | font-size: 13.56px; | ||
+ | text-align: center; | ||
+ | margin-left: 5%; | ||
+ | margin-top: 180%; | ||
+ | z-index: 1; | ||
+ | white-space: nowrap; | ||
+ | animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; | ||
+ | } | ||
+ | .sdnadiv{ | ||
+ | margin-bottom: 40%; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .slowdnablack{ | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | .sdna1{ position:absolute;clip-path: inset(0% 92.3% 89% 0%); opacity: 0; animation-fill-mode: forwards; animation-delay: 10s;} | ||
+ | .sdna2{ position:absolute;clip-path: inset(11% 92.3% 78% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna3{ position:absolute;clip-path: inset(22% 92.3% 67% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna4{ position:absolute;clip-path: inset(33% 92.3% 56% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna5{ position:absolute;clip-path: inset(44% 92.3% 45% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna6{ position:absolute;clip-path: inset(55% 92.3% 34% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna7{ position:absolute;clip-path: inset(66% 92.3% 23% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna8{ position:absolute;clip-path: inset(77% 92.3% 12% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna9{ position:absolute;clip-path: inset(88% 92.3% 1% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna10{ position:absolute;clip-path: inset(0% 84.6% 89% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna11{ position:absolute;clip-path: inset(11% 84.6% 78% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna12{ position:absolute;clip-path: inset(22% 84.6% 67% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna13{ position:absolute;clip-path: inset(33% 84.6% 56% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna14{ position:absolute;clip-path: inset(44% 84.6% 45% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna15{ position:absolute;clip-path: inset(55% 84.6% 34% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna16{ position:absolute;clip-path: inset(66% 84.6% 23% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna17{ position:absolute;clip-path: inset(77% 84.6% 12% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna18{ position:absolute;clip-path: inset(88% 84.6% 1% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna19{ position:absolute;clip-path: inset(0% 76.9% 89% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna20{ position:absolute;clip-path: inset(11% 76.9% 78% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna21{ position:absolute;clip-path: inset(22% 76.9% 67% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna22{ position:absolute;clip-path: inset(33% 76.9% 56% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna23{ position:absolute;clip-path: inset(44% 76.9% 45% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna24{ position:absolute;clip-path: inset(55% 76.9% 34% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna25{ position:absolute;clip-path: inset(66% 76.9% 23% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna26{ position:absolute;clip-path: inset(77% 76.9% 12% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna27{ position:absolute;clip-path: inset(88% 76.9% 1% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna28{ position:absolute;clip-path: inset(0% 69.2% 89% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna29{ position:absolute;clip-path: inset(11% 69.2% 78% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna30{ position:absolute;clip-path: inset(22% 69.2% 67% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna31{ position:absolute;clip-path: inset(33% 69.2% 56% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna32{ position:absolute;clip-path: inset(44% 69.2% 45% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna33{ position:absolute;clip-path: inset(55% 69.2% 34% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna34{ position:absolute;clip-path: inset(66% 69.2% 23% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna35{ position:absolute;clip-path: inset(77% 69.2% 12% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna36{ position:absolute;clip-path: inset(88% 69.2% 1% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna37{ position:absolute;clip-path: inset(0% 61.5% 89% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna38{ position:absolute;clip-path: inset(11% 61.5% 78% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna39{ position:absolute;clip-path: inset(22% 61.5% 67% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna40{ position:absolute;clip-path: inset(33% 61.5% 56% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna41{ position:absolute;clip-path: inset(44% 61.5% 45% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna42{ position:absolute;clip-path: inset(55% 61.5% 34% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna43{ position:absolute;clip-path: inset(66% 61.5% 23% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna44{ position:absolute;clip-path: inset(77% 61.5% 12% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna45{ position:absolute;clip-path: inset(88% 61.5% 1% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna46{ position:absolute;clip-path: inset(0% 53.8% 89% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna47{ position:absolute;clip-path: inset(11% 53.8% 78% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna48{ position:absolute;clip-path: inset(22% 53.8% 67% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna49{ position:absolute;clip-path: inset(33% 53.8% 56% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna50{ position:absolute;clip-path: inset(44% 53.8% 45% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna51{ position:absolute;clip-path: inset(55% 53.8% 34% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna52{ position:absolute;clip-path: inset(66% 53.8% 23% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna53{ position:absolute;clip-path: inset(77% 53.8% 12% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna54{ position:absolute;clip-path: inset(88% 53.8% 1% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna55{ position:absolute;clip-path: inset(0% 46.1% 89% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna56{ position:absolute;clip-path: inset(11% 46.1% 78% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna57{ position:absolute;clip-path: inset(22% 46.1% 67% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna58{ position:absolute;clip-path: inset(33% 46.1% 56% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna59{ position:absolute;clip-path: inset(44% 46.1% 45% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna60{ position:absolute;clip-path: inset(55% 46.1% 34% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna61{ position:absolute;clip-path: inset(66% 46.1% 23% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna62{ position:absolute;clip-path: inset(77% 46.1% 12% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna63{ position:absolute;clip-path: inset(88% 46.1% 1% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna64{ position:absolute;clip-path: inset(0% 38.4% 89% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna65{ position:absolute;clip-path: inset(11% 38.4% 78% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna66{ position:absolute;clip-path: inset(22% 38.4% 67% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna67{ position:absolute;clip-path: inset(33% 38.4% 56% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna68{ position:absolute;clip-path: inset(44% 38.4% 45% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna69{ position:absolute;clip-path: inset(55% 38.4% 34% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna70{ position:absolute;clip-path: inset(66% 38.4% 23% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna71{ position:absolute;clip-path: inset(77% 38.4% 12% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna72{ position:absolute;clip-path: inset(88% 38.4% 1% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna73{ position:absolute;clip-path: inset(0% 30.7% 89% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna74{ position:absolute;clip-path: inset(11% 30.7% 78% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna75{ position:absolute;clip-path: inset(22% 30.7% 67% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna76{ position:absolute;clip-path: inset(33% 30.7% 56% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna77{ position:absolute;clip-path: inset(44% 30.7% 45% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna78{ position:absolute;clip-path: inset(55% 30.7% 34% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna79{ position:absolute;clip-path: inset(66% 30.7% 23% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna80{ position:absolute;clip-path: inset(77% 30.7% 12% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna81{ position:absolute;clip-path: inset(88% 30.7% 1% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna82{ position:absolute;clip-path: inset(0% 23% 89% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna83{ position:absolute;clip-path: inset(11% 23% 78% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna84{ position:absolute;clip-path: inset(22% 23% 67% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna85{ position:absolute;clip-path: inset(33% 23% 56% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna86{ position:absolute;clip-path: inset(44% 23% 45% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna87{ position:absolute;clip-path: inset(55% 23% 34% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna88{ position:absolute;clip-path: inset(66% 23% 23% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna89{ position:absolute;clip-path: inset(77% 23% 12% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna90{ position:absolute;clip-path: inset(88% 23% 1% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna91{ position:absolute;clip-path: inset(0% 15.3% 89% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna92{ position:absolute;clip-path: inset(11% 15.3% 78% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna93{ position:absolute;clip-path: inset(22% 15.3% 67% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna94{ position:absolute;clip-path: inset(33% 15.3% 56% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna95{ position:absolute;clip-path: inset(44% 15.3% 45% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna96{ position:absolute;clip-path: inset(55% 15.3% 34% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna97{ position:absolute;clip-path: inset(66% 15.3% 23% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna98{ position:absolute;clip-path: inset(77% 15.3% 12% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna99{ position:absolute;clip-path: inset(88% 15.3% 1% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna100{ position:absolute;clip-path: inset(0% 7.6% 89% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna101{ position:absolute;clip-path: inset(11% 7.6% 78% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna102{ position:absolute;clip-path: inset(22% 7.6% 67% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna103{ position:absolute;clip-path: inset(33% 7.6% 56% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna104{ position:absolute;clip-path: inset(44% 7.6% 45% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna105{ position:absolute;clip-path: inset(55% 7.6% 34% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna106{ position:absolute;clip-path: inset(66% 7.6% 23% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna107{ position:absolute;clip-path: inset(77% 7.6% 12% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna108{ position:absolute;clip-path: inset(88% 7.6% 1% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna109{ position:absolute;clip-path: inset(0% 0% 89% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna110{ position:absolute;clip-path: inset(11% 0% 78% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna111{ position:absolute;clip-path: inset(22% 0% 67% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna112{ position:absolute;clip-path: inset(33% 0% 56% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna113{ position:absolute;clip-path: inset(44% 0% 45% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna114{ position:absolute;clip-path: inset(55% 0% 34% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna115{ position:absolute;clip-path: inset(66% 0% 23% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna116{ position:absolute;clip-path: inset(77% 0% 12% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | .sdna117{ position:absolute;clip-path: inset(88% 0% 1% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} | ||
+ | |||
+ | .logo-hd{ | ||
+ | margin-top: 270%; | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 80%; | ||
+ | margin-bottom: 120%; | ||
+ | } |
Latest revision as of 17:13, 13 October 2018
.fonas { background-color: #F2F2F2; } .headeris{
} .i11 { font-family: "ikaros"; font-style: normal; font-size: 3vw; margin-left: 5%;
} .i12 { font-family: "ikaros"; font-style: normal; font-size: 3vw; margin-left: 30%; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .introtxt5 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 80%; margin-top: -10%; z-index: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .introtxt10 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 30%; margin-left: -15%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1 } .introtxt16 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 85%; margin-left: 50%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1 } .introtxt22 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 130%; margin-left: 0%; z-index: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .introtxt26 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 190%; margin-left: 40%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1; } .introtxt28 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 200%; margin-left: 65%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 1;
}
.introtxt32 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 245%; margin-left: -10%; z-index: 1; white-space:nowrap; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .introtxt35 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 255%; margin-left: 5%; z-index: 1; white-space:nowrap; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0 } .i111 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 320%; margin-left: 7%; z-index: 1; white-space:nowrap; } .i112 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 2vw; text-align: center; margin-top: 330%; margin-left: 32%; z-index: 1; white-space:nowrap; } .i113 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 3vw; text-align: center; margin-top: 350%; width: 100%;
z-index: 1;
white-space:nowrap;
}
.poslink{ text-indent: 100em; }
.matuoklis1{ position:relative; top: -50em; } .matuoklis2{ position:relative;
margin-top: 200%;
}
.overflowcontrol{ margin: auto; width: 1200px;
}
.container{
margin: auto; width: 1200px;
}
.intro1{
white-space:nowrap;
position:relative;
width: 80%;
margin: auto;
margin-top: 10%;
margin-bottom: 320%;
}
@media only screen and (min-width: 800px) { .introlib{ white-space:nowrap; position:relative; width: 60%; margin: auto; } }
.introxxx{
position:absolute; width: 70%; }
.margin{ margin-left:5%; margin-right:5%;
}
.igmA { position: absolute;
z-index: 1;
}
.igmB { position: absolute;
z-index: 6; } .igmB5 { position: absolute; -webkit-clip-path: inset(0% 2% 80% 66%);
clip-path: inset(0% 2% 80% 66%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB10 { position: absolute; -webkit-clip-path: inset(12% 47% 70% 5%);
clip-path: inset(12% 47% 70% 5%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB16 { position: absolute; -webkit-clip-path: inset(20% 10% 55% 50%);
clip-path: inset(20% 10% 55% 50%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB22 { position: absolute; -webkit-clip-path: inset(45% 47% 38% 5%);
clip-path: inset(45% 47% 38% 5%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB26 { position: absolute; -webkit-clip-path: inset(62% 40% 27% 25%);
clip-path: inset(62% 40% 27% 25%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB28 { position: absolute; -webkit-clip-path: inset(62% 10% 23% 50%);
clip-path: inset(62% 10% 23% 50%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB32 { position: absolute; -webkit-clip-path: inset(77% 10% 10% 50%);
clip-path: inset(77% 10% 10% 50%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmB35 { position: absolute; -webkit-clip-path: inset(80% 30% 0% 0%);
clip-path: inset(80% 30% 0% 0%);
z-index: 6; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmA0 {
position: absolute;
-webkit-clip-path: inset(0% 83% 97% 0%);
clip-path: inset(0% 83% 97% 0%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA1 { position: absolute; -webkit-clip-path: inset(0% 83% 97% 0%);
clip-path: inset(0% 83% 97% 0%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA2 { position: absolute; -webkit-clip-path: inset(3% 66% 95% 18%);
clip-path: inset(3% 66% 95% 18%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA3 { position: absolute; -webkit-clip-path: inset(5% 49% 92% 34%);
clip-path: inset(5% 49% 92% 34%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA4 { position: absolute; -webkit-clip-path: inset(7% 22% 90.5% 50%);
clip-path: inset(7% 22% 90.5% 50%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA5 { position: absolute; -webkit-clip-path: inset(9% 5% 88% 66%);
clip-path: inset(9% 5% 88% 66%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA6 { position: absolute; -webkit-clip-path: inset(11% 0% 84% 84%);
clip-path: inset(11% 0% 84% 84%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA7 { position: absolute; -webkit-clip-path: inset(16% 0% 80% 84%);
clip-path: inset(16% 0% 80% 84%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA8 { position: absolute; -webkit-clip-path: inset(20% 5% 76% 67%);
clip-path: inset(20% 5% 76% 67%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA9 { position: absolute; -webkit-clip-path: inset(22% 22% 74% 51%);
clip-path: inset(22% 22% 74% 51%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA10 { position: absolute; -webkit-clip-path: inset(24% 47% 73% 34%);
clip-path: inset(24% 47% 73% 34%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA11 { position: absolute; -webkit-clip-path: inset(26% 65% 71% 18%);
clip-path: inset(26% 65% 71% 18%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA12 { position: absolute; -webkit-clip-path: inset(28% 82% 67.5% 4%);
clip-path: inset(28% 82% 67.5% 4%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA13 { position: absolute; -webkit-clip-path: inset(32.5% 83% 64% 4%);
clip-path: inset(32.5% 83% 64% 4%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA14 { position: absolute; -webkit-clip-path: inset(34.5% 66% 60.5% 18%);
clip-path: inset(34.5% 66% 60.5% 18%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA15 { position: absolute; -webkit-clip-path: inset(36.5% 49% 58.5% 34%);
clip-path: inset(36.5% 49% 58.5% 34%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA16 { position: absolute; -webkit-clip-path: inset(38.5% 24% 57% 51%);
clip-path: inset(38.5% 24% 57% 51%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA17 { position: absolute; -webkit-clip-path: inset(40.5% 7% 55% 67%);
clip-path: inset(40.5% 7% 55% 67%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA18 { position: absolute; -webkit-clip-path: inset(44.5% 2% 51% 84%);
clip-path: inset(44.5% 2% 51% 84%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA19 { position: absolute; -webkit-clip-path: inset(49.5% 2% 47% 84%);
clip-path: inset(49.5% 2% 47% 84%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA20 { position: absolute; -webkit-clip-path: inset(53% 7% 43% 66%);
clip-path: inset(53% 7% 43% 66%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA21 { position: absolute; -webkit-clip-path: inset(55% 31% 39% 50%);
clip-path: inset(55% 31% 39% 50%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA22 { position: absolute; -webkit-clip-path: inset(57% 49% 36.5% 34%);
clip-path: inset(57% 49% 36.5% 34%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA23 { position: absolute; -webkit-clip-path: inset(59% 66% 33.5% 18%);
clip-path: inset(59% 66% 33.5% 18%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA24 { position: absolute; -webkit-clip-path: inset(61% 83% 34% 2%);
clip-path: inset(61% 83% 34% 2%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA25 { position: absolute; -webkit-clip-path: inset(65.5% 83% 31% 2%);
clip-path: inset(65.5% 83% 31% 2%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA26 { position: absolute; -webkit-clip-path: inset(67.5% 65% 28% 18%);
clip-path: inset(67.5% 65% 28% 18%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA27 { position: absolute; -webkit-clip-path: inset(69.5% 48% 26% 35%);
clip-path: inset(69.5% 48% 26% 35%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA28 { position: absolute; -webkit-clip-path: inset(71.5% 31% 24% 52%);
clip-path: inset(71.5% 31% 24% 52%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA29 { position: absolute; -webkit-clip-path: inset(73.5% 14% 21.5% 68%);
clip-path: inset(73.5% 14% 21.5% 68%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA30 { position: absolute; -webkit-clip-path: inset(75.5% 2% 18% 84%);
clip-path: inset(75.5% 2% 18% 84%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA31 { position: absolute; -webkit-clip-path: inset(82% 2% 13% 84%);
clip-path: inset(82% 2% 13% 84%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA32 { position: absolute; -webkit-clip-path: inset(85% 15% 8% 68%);
clip-path: inset(85% 15% 8% 68%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA33 { position: absolute; -webkit-clip-path: inset(87% 32% 6% 52%);
clip-path: inset(87% 32% 6% 52%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA34 { position: absolute; -webkit-clip-path: inset(89% 49% 4% 35%);
clip-path: inset(89% 49% 4% 35%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA35 { position: absolute; -webkit-clip-path: inset(91% 66% 2% 18%);
clip-path: inset(91% 66% 2% 18%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
} .igmA36 { position: absolute; -webkit-clip-path: inset(93% 83% 0% 2%);
clip-path: inset(93% 83% 0% 2%);
z-index: 2; -webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.txt1{
font-family: "ikaros";
font-style: normal;
font-size: 150%;
margin-left: 60%;
display: none;
z-index: 10; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 4s; animation-delay: 4s;
}
.i21 { font-family: "ikaros"; font-style: normal; font-size: 250%; text-align: center; visibility: hidden; z-index: 5; margin-bottom: 10%; } .i22 { font-family: "ikaros"; font-style: normal; font-size: 250%; text-align: center;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s; visibility: hidden }
.startext{ visibility: hidden; position: absolute; top: 20%; text-align: center; width: 100%;
font-family: "ikaros";
font-style: normal; font-size: 2vh;
text-align: center;
color: #ffffffda; z-index: 10; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .startrash{
position: relative; top:20%; font-family: "ikaros";
font-style: normal; font-size: 200%;
text-align: center;
color: #ffffffda; z-index: 0; opacity: 0;
} .klipis{ position: relative; -webkit-clip-path: inset(0% 65% 80% 20%);
clip-path: inset(0% 65% 80% 20%);
}
.i24 { font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; margin-bottom: 5%; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; visibility: hidden }
.i25 { font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; margin-top: 5%; margin-bottom: 3%; visibility: hidden;
} .i26 { font-family: "ikaros"; font-style: normal; font-size: 200%; text-align: center; margin-top: 10%; margin-bottom: 3%; visibility: hidden; -webkit-animation-delay: 1s; animation-delay: 1s; }
.prothold{ position: relative; overflow: hidden; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; margin-bottom: 10%; visibility: hidden; z-index: 1; }
.logogrey{ display: block; margin-left: auto; margin-right: auto; margin-bottom: 15%; width: 30%; visibility: hidden; -webkit-animation-delay: 1s; animation-delay: 1s; }
.libraryholder{ position: relative; display: block; margin-left: auto; margin-right: auto; width: 60%; margin-bottom: 110%; }
.dnalibrarytxt {
font-family: "ikaros";
font-style: normal;
font-size: 25px;
text-align: center;
margin-top: 5%;
visibility: hidden;
}
.dnalibrary{
-webkit-clip-path: inset(0% 0% 80% 0%);
clip-path: inset(0% 0% 80% 0%);
position: absolute;
visibility: hidden;
}
.dnalibraryleft{
-webkit-clip-path: inset(0% 0% 80% 0%);
clip-path: inset(0% 0% 80% 0%);
} .dnalibraryright{ -webkit-clip-path: inset(0% 0% 80% 0%); clip-path: inset(0% 0% 80% 0%);
}
.dna11{ -webkit-clip-path: inset(15% 80% 80% 5%); clip-path: inset(15% 80% 80% 5%); visibility: hidden; position: absolute; -webkit-animation-play-state: paused; animation-play-state: paused; -webkit-animation-name: dna11; animation-name: dna11; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/
}
@-webkit-keyframes dna11{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(34.5%,10%) ; transform: translate(34.5%,10%) ; } 100% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; }
}
@keyframes dna11{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(34.5%,10%) ; transform: translate(34.5%,10%) ; } 100% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; }
}
.dna12{ -webkit-clip-path: inset(15% 40% 80% 40%); clip-path: inset(15% 40% 80% 40%); visibility: hidden; position: absolute;
-webkit-animation-duration: 3s;
animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/
}
@-webkit-keyframes dna12{
0% {
-webkit-transform: translate(0px,0px) ;
transform: translate(0px,0px) ;
}
50% {
-webkit-transform: translate(-2.4%,10%) ;
transform: translate(-2.4%,10%) ;
}
100% {
-webkit-transform: translate(-2.4%,22%) ;
transform: translate(-2.4%,22%) ;
}
}
@keyframes dna12{
0% {
-webkit-transform: translate(0px,0px) ;
transform: translate(0px,0px) ;
}
50% {
-webkit-transform: translate(-2.4%,10%) ;
transform: translate(-2.4%,10%) ;
}
100% {
-webkit-transform: translate(-2.4%,22%) ;
transform: translate(-2.4%,22%) ;
}
}
.dna13{ -webkit-clip-path: inset(15% 5% 80% 75%); clip-path: inset(15% 5% 80% 75%); visibility: hidden; position: absolute; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/
}
@-webkit-keyframes dna13{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(-38%,10%) ; transform: translate(-38%,10%) ; } 100% { -webkit-transform: translate(-38%,18.5%) ; transform: translate(-38%,18.5%) ; }
}
@keyframes dna13{ 0% { -webkit-transform: translate(0px,0px) ; transform: translate(0px,0px) ; } 50% { -webkit-transform: translate(-38%,10%) ; transform: translate(-38%,10%) ; } 100% { -webkit-transform: translate(-38%,18.5%) ; transform: translate(-38%,18.5%) ; }
}
.chippng{ -webkit-clip-path: inset(25% 10% 20% 10%); clip-path: inset(25% 10% 20% 10%); position: absolute; visibility: hidden; z-index: 5;
}
.dnaarr1{ -webkit-clip-path: inset(10% 30% 65% 30%); clip-path: inset(10% 30% 65% 30%); position: absolute; visibility: hidden; -webkit-animation-delay: 5.5s; animation-delay: 5.5s;
}
.encapsulationtxt { position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 20px; margin-top: 60%; margin-left: 60%; white-space: nowrap; visibility: hidden; }
@-webkit-keyframes dna112{
0% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; } 100% { -webkit-transform: translate(35.5%,46%) ; transform: translate(35.5%,46%) ; }
}
@keyframes dna112{
0% { -webkit-transform: translate(34.5%,25%) ; transform: translate(34.5%,25%) ; } 100% { -webkit-transform: translate(35.5%,46%) ; transform: translate(35.5%,46%) ; }
}
.dnaarr21{ -webkit-clip-path: inset(40% 50% 30% 10%); clip-path: inset(40% 50% 30% 10%); visibility: hidden; position: absolute; } .dnaarr22{ -webkit-clip-path: inset(40% 10% 30% 50%); clip-path: inset(40% 10% 30% 50%); visibility: hidden; position: absolute; } .droplet1{ -webkit-clip-path: inset(30% 40% 30% 40%); clip-path: inset(30% 40% 30% 40%); position: absolute; visibility: hidden; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; /*when the spec is finished*/
}
@-webkit-keyframes droplet1{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; opacity:0.1; } 25% { opacity:0.8; } 100% { -webkit-transform: translate(0%,10%) ; transform: translate(0%,10%) ; opacity:1; }
}
@keyframes droplet1{ 0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; opacity:0.1; } 25% { opacity:0.8; } 100% { -webkit-transform: translate(0%,10%) ; transform: translate(0%,10%) ; opacity:1; }
}
.droplet2{ -webkit-clip-path: inset(70% 10% 0% 10%); clip-path: inset(70% 10% 0% 10%); visibility: hidden; position: absolute; }
.recmodholder{ position: relative; display: block; margin-left: auto; margin-right: auto; width: 60%; margin-bottom: 120%; }
.droplet21{ -webkit-clip-path: inset(0% 29% 62% 30%); clip-path: inset(0% 29% 62% 30%); visibility: hidden; position: absolute; }
.droparr1{ -webkit-clip-path: inset(0% 29% 62% 30%); clip-path: inset(0% 29% 62% 30%); visibility: hidden; position: absolute; } .biomolecule1{ -webkit-clip-path: inset(0% 29% 62% 30%); clip-path: inset(0% 29% 62% 30%); visibility: hidden; position: absolute; } .outarrow1{ -webkit-clip-path: inset(26% 29% 50% 25%); clip-path: inset(26% 29% 50% 25%); visibility: hidden; position: absolute; } .droplet22{ -webkit-clip-path: inset(30% 55% 25% 0%); clip-path: inset(30% 55% 25% 0%); visibility: hidden; position: absolute; }
.droparr2{ -webkit-clip-path: inset(30% 55% 25% 0%); clip-path: inset(30% 55% 25% 0%); visibility: hidden; position: absolute; } .recmod{ -webkit-clip-path: inset(30% 55% 25% 0%); clip-path: inset(30% 55% 25% 0%); visibility: hidden; position: absolute; } .outarrow2{ -webkit-clip-path: inset(50% 20% 20% 0%); clip-path: inset(50% 20% 20% 0%); visibility: hidden; position: absolute; } .droplet23{ -webkit-clip-path: inset(55% 0% 0% 40%); clip-path: inset(55% 0% 0% 40%); visibility: hidden; position: absolute; }
.droparr3{ -webkit-clip-path: inset(55% 0% 0% 40%); clip-path: inset(55% 0% 0% 40%); visibility: hidden; position: absolute; } .modif{ -webkit-clip-path: inset(55% 0% 0% 40%); clip-path: inset(55% 0% 0% 40%); visibility: hidden; position: absolute; }
.moddna{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%); visibility: hidden; position: absolute;
-webkit-animation-duration: 10s;
animation-duration: 10s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 6; } .moddnacolor{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%); visibility: hidden; position: absolute;
-webkit-animation-duration: 10s;
animation-duration: 10s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; z-index: 7; opacity: 0; } .nanoarr1{ visibility: hidden; position: absolute; }
@-webkit-keyframes nanoporeseq{
0% {
-webkit-transform: translate(0%,0%) ;
transform: translate(0%,0%) ;
}
40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1 } 100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0 }
}
@keyframes nanoporeseq{
0% {
-webkit-transform: translate(0%,0%) ;
transform: translate(0%,0%) ;
}
40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1 } 100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0 }
}
@-webkit-keyframes nanoporeseqcolor{
0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; }
40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0; }
100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1; }
}
@keyframes nanoporeseqcolor{
0% { -webkit-transform: translate(0%,0%) ; transform: translate(0%,0%) ; }
40% { -webkit-transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,65%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:0; }
100% { -webkit-transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; transform: translate(-46%,132%) rotate(-38deg) scaleX(1.5) scaleY(1.5) ; opacity:1; }
}
.nanodiv{ margin-top: 130%; bottom:200%; } .nanoporeseq{ visibility: hidden; position: absolute; } .nanoarr4{ visibility: hidden; position: absolute; }
- mygtukas1{
border-radius: 5px;
padding: 2% 6%;
font-size: 1.2vw; font-family: "ikaros"; width: 25%; left: 89%; top: 5%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; z-index: 6; visibility: hidden; position: absolute; }
.mygtukas1txt{
position: absolute;
text-align: center;
font-family: "ikaros";
font-style: normal;
font-size: 25px;
top: 5%;
left: 70%;
visibility: hidden;
white-space: nowrap;
}
- mygtukas1:hover, #mygtukas2:hover, #mygtukas3:hover, #mygtukas01:hover {
background-color: #ffffff;
}
- mygtukas2{
border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; visibility: hidden; position: absolute; top: 46%; left: 89%; }
.mygtukas2txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; top: 35%; left: 72%; visibility: hidden; white-space: nowrap; }
- mygtukas3{
visibility: hidden; border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; top: 79%; position: absolute; left: 89%; }
.mygtukas3txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px;
top: 85%; left: 72%; visibility: hidden; white-space: nowrap; }
- mygtukas4{
visibility: hidden; border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; top: 105%; position: absolute; left: 89%; }
.mygtukas4txt{
position: absolute;
text-align: center;
font-family: "ikaros";
font-style: normal;
font-size: 25px;
white-space: nowrap;
top: 110%;
left: 66%;
visibility: hidden;
}
.mygtukas4txt2{ position: absolute; visibility: hidden; font-family: "ikaros"; font-style: normal; font-size: 25px; text-align: center; margin-top: 108%;
}
- mygtukas01{
border-radius: 5px;
padding: 2% 6%; font-size: 1.2vw;
width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; z-index: 6; visibility: visible; }
.mygtukas01 {
position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 2vw; margin-top: 75%; width: 73%; left: 87%; } .sudastekstas{
visibility: hidden; } .sudastekstas2{
visibility: hidden; }
.image-wrapperis {
width: 170%;
position:relative; left: -34%;
}
.moddnacoloract{ -webkit-clip-path: inset(65% 30% 15% 55%); clip-path: inset(65% 30% 15% 55%);
position: absolute; margin-top: -6%; margin-left: -21.5%; -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); -ms-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); z-index: 7; opacity: 0;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.moddnacoloract2{
-webkit-clip-path: inset(65% 30% 15% 55%);
clip-path: inset(65% 30% 15% 55%);
position: absolute; margin-top: -6%; margin-left: -21.5%; -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); -ms-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); z-index: 8; opacity: 0; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards; }
.gnk1{ position: absolute; margin-top: 85%; -webkit-clip-path: inset(0% 90% 90% 0%);
clip-path: inset(0% 90% 90% 0%);
opacity: 0; -webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.gnk1bar{ position: absolute; margin-top: 85%; -webkit-clip-path: inset(0% 100% 90% 0%);
clip-path: inset(0% 100% 90% 0%);
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
@-webkit-keyframes gnk1bar { 0% { -webkit-clip-path: inset(0% 100% 90% 0%); clip-path: inset(0% 100% 90% 0%);
} 100% { -webkit-clip-path: inset(0% 90% 90% 0%); clip-path: inset(0% 90% 90% 0%); } }
@keyframes gnk1bar { 0% { -webkit-clip-path: inset(0% 100% 90% 0%); clip-path: inset(0% 100% 90% 0%);
} 100% { -webkit-clip-path: inset(0% 90% 90% 0%); clip-path: inset(0% 90% 90% 0%); } }
@-webkit-keyframes moddnacoloract1{
0% {
-webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7);
transform: rotate(-38deg) scaleX(0.7) scaleY(0.7);
opacity: 0.8;
}
100% {
-webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20);
transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20);
opacity: 0;
}
}
@keyframes moddnacoloract1{
0% {
-webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7);
transform: rotate(-38deg) scaleX(0.7) scaleY(0.7);
opacity: 0.8;
}
100% {
-webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20);
transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20);
opacity: 0;
}
}
@-webkit-keyframes moddnacoloract2{ 0% { -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); opacity: 0; } 100% { -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); opacity: 1; }
}
@keyframes moddnacoloract2{ 0% { -webkit-transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); transform: rotate(-38deg) scaleX(0.7) scaleY(0.7); opacity: 0; } 100% { -webkit-transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); transform: translate(-22.2%,21.2%) rotate(52deg) scaleX(0.20) scaleY(0.20); opacity: 1; }
}
#mygtukas5{
visibility: visible; border-radius: 5px; padding: 2% 6%; font-size: 1.2vw; font-family: "ikaros"; width: 25%; background-color: #f5f5f5; -webkit-box-shadow: 0px 5px 0px 0px #f5f5f5e8; box-shadow: 0px 5px 0px 0px #f5f5f5e8; top: 175%; left: 89%; position: absolute;
}
.mygtukas5txt{ position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 25px; white-space: nowrap; width:90%; margin-left: 5%; margin-top: 115%; opacity: 1; -webkit-animation-delay: 8s; animation-delay: 8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; visibility: hidden; }
.genukaiblack{
position: absolute;
margin-top: 85%;
opacity: 0;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.genukaibar{ position: absolute; margin-top: 85%; opacity: 0;
-webkit-animation-delay: 6s;
animation-delay: 6s;
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-clip-path: inset(0% 100% 0% 0%);
clip-path: inset(0% 100% 0% 0%);
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
z-index: 1; }
.genukaicolor{ position: absolute; margin-top: 85%; opacity: 0; -webkit-animation-delay: 6s;
animation-delay: 6s;
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%; transform-origin: 50% 50%;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
z-index: 2; }
@-webkit-keyframes genukaibar { 0% { -webkit-clip-path: ellipse(0% 51% at 0% 50%); clip-path: ellipse(0% 51% at 0% 50%); opacity: 1; } 100% { -webkit-clip-path: ellipse(120% 80% at 0% 50%); clip-path: ellipse(120% 80% at 0% 50%); opacity: 1; } }
@keyframes genukaibar { 0% { -webkit-clip-path: ellipse(0% 51% at 0% 50%); clip-path: ellipse(0% 51% at 0% 50%); opacity: 1; } 100% { -webkit-clip-path: ellipse(120% 80% at 0% 50%); clip-path: ellipse(120% 80% at 0% 50%); opacity: 1; } } @-webkit-keyframes genukaicolor { 0% { -webkit-clip-path: ellipse(0% 51% at 100% 50%); clip-path: ellipse(0% 51% at 100% 50%); opacity: 1;
} 100% { -webkit-clip-path: ellipse(120% 80% at 100% 50%); clip-path: ellipse(120% 80% at 100% 50%); opacity: 1; } } @keyframes genukaicolor { 0% { -webkit-clip-path: ellipse(0% 51% at 100% 50%); clip-path: ellipse(0% 51% at 100% 50%); opacity: 1;
} 100% { -webkit-clip-path: ellipse(120% 80% at 100% 50%); clip-path: ellipse(120% 80% at 100% 50%); opacity: 1; } }
.outrodiv{ visibility: hidden; white-space:nowrap; position:relative; width: 80%; margin: auto; margin-bottom: -50%; }
.sudastekstas3{ visibility: hidden; }
.outrotxt1{ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; -webkit-animation-delay: 9s; animation-delay: 9s; position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; font-size: 3vw; width: 90%; left: -5%; margin-top: 10%; }
.outrotxt2{ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; -webkit-animation-delay: 9s; animation-delay: 9s; position: absolute; text-align: center; font-family: "ikaros"; font-style: normal; width: 90%; margin-top: 5%; font-size: 3vw; left: 5%; margin-top: 20%; } .igmY4{ margin-top: 35%; clip-path: inset(0% 5% 82% 55%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmY10{ margin-top: 50%; clip-path: inset(10% 50% 73% 10%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmY15{ margin-top: 50%; clip-path: inset(20% 20% 55% 20%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmY23{ margin-top: 50%; clip-path: inset(40% 40% 34% 5%); position:absolute; z-index: 6; -webkit-animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .igmX1{ margin-top: 50%; position:absolute; } .igmXA{ clip-path: inset(0% 0% 34% 0%); margin-top: 50%; position:absolute; }
.igmY
.igmX0 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(0% 83% 97% 0%);
clip-path: inset(0% 83% 97% 0%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX1 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(0% 83% 97% 0%);
clip-path: inset(0% 83% 97% 0%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX2 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(3% 66% 95% 18%);
clip-path: inset(3% 66% 95% 18%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX3 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(5% 49% 92% 34%);
clip-path: inset(5% 49% 92% 34%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX4 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(7% 22% 90.5% 50%);
clip-path: inset(7% 22% 90.5% 50%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX5 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(9% 5% 88% 66%);
clip-path: inset(9% 5% 88% 66%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX6 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(11% 0% 84% 84%);
clip-path: inset(11% 0% 84% 84%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX7 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(16% 0% 80% 84%);
clip-path: inset(16% 0% 80% 84%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX8 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(20% 5% 76% 67%);
clip-path: inset(20% 5% 76% 67%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX9 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(22% 22% 74% 51%);
clip-path: inset(22% 22% 74% 51%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX10 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(24% 47% 73% 34%);
clip-path: inset(24% 47% 73% 34%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX11 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(26% 65% 71% 18%);
clip-path: inset(26% 65% 71% 18%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX12 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(28% 82% 67.5% 4%);
clip-path: inset(28% 82% 67.5% 4%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX13 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(32.5% 83% 64% 4%);
clip-path: inset(32.5% 83% 64% 4%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX14 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(34.5% 66% 60.5% 18%);
clip-path: inset(34.5% 66% 60.5% 18%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX15 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(36.5% 49% 58.5% 34%);
clip-path: inset(36.5% 49% 58.5% 34%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX16 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(38.5% 24% 57% 51%);
clip-path: inset(38.5% 24% 57% 51%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX17 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(40.5% 7% 55% 67%);
clip-path: inset(40.5% 7% 55% 67%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX18 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(44.5% 2% 51% 84%);
clip-path: inset(44.5% 2% 51% 84%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX19 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(49.5% 2% 47% 84%);
clip-path: inset(49.5% 2% 47% 84%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX20 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(53% 7% 43% 66%);
clip-path: inset(53% 7% 43% 66%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX21 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(55% 31% 39% 50%);
clip-path: inset(55% 31% 39% 50%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX22 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(57% 49% 36.5% 34%);
clip-path: inset(57% 49% 36.5% 34%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX23 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(59% 66% 33.5% 18%);
clip-path: inset(59% 66% 33.5% 18%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.igmX24 {
position: absolute; margin-top: 50%;
-webkit-clip-path: inset(61% 83% 34% 2%);
clip-path: inset(61% 83% 34% 2%);
z-index: 2;
-webkit-animation-duration: 1s;
animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0;
}
.outrotxt4 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 0%; margin-top: 35%; z-index: 1; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; }
.outrotxt10 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: -10%; margin-top: 75%; z-index: 1; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; }
.outrotxt15 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 75%; margin-top: 140%; z-index: 1; white-space: nowrap; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; }
.outrotxt23 { position: absolute; font-family: "ikaros"; font-style: normal; font-size: 13.56px; text-align: center; margin-left: 5%; margin-top: 180%; z-index: 1; white-space: nowrap; animation-duration: 1s; animation-fill-mode: forwards; opacity: 0; } .sdnadiv{ margin-bottom: 40%; position:relative; }
.slowdnablack{ position: absolute; }
.sdna1{ position:absolute;clip-path: inset(0% 92.3% 89% 0%); opacity: 0; animation-fill-mode: forwards; animation-delay: 10s;} .sdna2{ position:absolute;clip-path: inset(11% 92.3% 78% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna3{ position:absolute;clip-path: inset(22% 92.3% 67% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna4{ position:absolute;clip-path: inset(33% 92.3% 56% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna5{ position:absolute;clip-path: inset(44% 92.3% 45% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna6{ position:absolute;clip-path: inset(55% 92.3% 34% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna7{ position:absolute;clip-path: inset(66% 92.3% 23% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna8{ position:absolute;clip-path: inset(77% 92.3% 12% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna9{ position:absolute;clip-path: inset(88% 92.3% 1% 0%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna10{ position:absolute;clip-path: inset(0% 84.6% 89% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna11{ position:absolute;clip-path: inset(11% 84.6% 78% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna12{ position:absolute;clip-path: inset(22% 84.6% 67% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna13{ position:absolute;clip-path: inset(33% 84.6% 56% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna14{ position:absolute;clip-path: inset(44% 84.6% 45% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna15{ position:absolute;clip-path: inset(55% 84.6% 34% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna16{ position:absolute;clip-path: inset(66% 84.6% 23% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna17{ position:absolute;clip-path: inset(77% 84.6% 12% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna18{ position:absolute;clip-path: inset(88% 84.6% 1% 7.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna19{ position:absolute;clip-path: inset(0% 76.9% 89% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna20{ position:absolute;clip-path: inset(11% 76.9% 78% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna21{ position:absolute;clip-path: inset(22% 76.9% 67% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna22{ position:absolute;clip-path: inset(33% 76.9% 56% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna23{ position:absolute;clip-path: inset(44% 76.9% 45% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna24{ position:absolute;clip-path: inset(55% 76.9% 34% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna25{ position:absolute;clip-path: inset(66% 76.9% 23% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna26{ position:absolute;clip-path: inset(77% 76.9% 12% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna27{ position:absolute;clip-path: inset(88% 76.9% 1% 15.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna28{ position:absolute;clip-path: inset(0% 69.2% 89% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna29{ position:absolute;clip-path: inset(11% 69.2% 78% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna30{ position:absolute;clip-path: inset(22% 69.2% 67% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna31{ position:absolute;clip-path: inset(33% 69.2% 56% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna32{ position:absolute;clip-path: inset(44% 69.2% 45% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna33{ position:absolute;clip-path: inset(55% 69.2% 34% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna34{ position:absolute;clip-path: inset(66% 69.2% 23% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna35{ position:absolute;clip-path: inset(77% 69.2% 12% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna36{ position:absolute;clip-path: inset(88% 69.2% 1% 23.1%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna37{ position:absolute;clip-path: inset(0% 61.5% 89% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna38{ position:absolute;clip-path: inset(11% 61.5% 78% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna39{ position:absolute;clip-path: inset(22% 61.5% 67% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna40{ position:absolute;clip-path: inset(33% 61.5% 56% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna41{ position:absolute;clip-path: inset(44% 61.5% 45% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna42{ position:absolute;clip-path: inset(55% 61.5% 34% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna43{ position:absolute;clip-path: inset(66% 61.5% 23% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna44{ position:absolute;clip-path: inset(77% 61.5% 12% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna45{ position:absolute;clip-path: inset(88% 61.5% 1% 30.8%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna46{ position:absolute;clip-path: inset(0% 53.8% 89% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna47{ position:absolute;clip-path: inset(11% 53.8% 78% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna48{ position:absolute;clip-path: inset(22% 53.8% 67% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna49{ position:absolute;clip-path: inset(33% 53.8% 56% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna50{ position:absolute;clip-path: inset(44% 53.8% 45% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna51{ position:absolute;clip-path: inset(55% 53.8% 34% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna52{ position:absolute;clip-path: inset(66% 53.8% 23% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna53{ position:absolute;clip-path: inset(77% 53.8% 12% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna54{ position:absolute;clip-path: inset(88% 53.8% 1% 38.5%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna55{ position:absolute;clip-path: inset(0% 46.1% 89% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna56{ position:absolute;clip-path: inset(11% 46.1% 78% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna57{ position:absolute;clip-path: inset(22% 46.1% 67% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna58{ position:absolute;clip-path: inset(33% 46.1% 56% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna59{ position:absolute;clip-path: inset(44% 46.1% 45% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna60{ position:absolute;clip-path: inset(55% 46.1% 34% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna61{ position:absolute;clip-path: inset(66% 46.1% 23% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna62{ position:absolute;clip-path: inset(77% 46.1% 12% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna63{ position:absolute;clip-path: inset(88% 46.1% 1% 46.2%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna64{ position:absolute;clip-path: inset(0% 38.4% 89% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna65{ position:absolute;clip-path: inset(11% 38.4% 78% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna66{ position:absolute;clip-path: inset(22% 38.4% 67% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna67{ position:absolute;clip-path: inset(33% 38.4% 56% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna68{ position:absolute;clip-path: inset(44% 38.4% 45% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna69{ position:absolute;clip-path: inset(55% 38.4% 34% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna70{ position:absolute;clip-path: inset(66% 38.4% 23% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna71{ position:absolute;clip-path: inset(77% 38.4% 12% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna72{ position:absolute;clip-path: inset(88% 38.4% 1% 53.9%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna73{ position:absolute;clip-path: inset(0% 30.7% 89% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna74{ position:absolute;clip-path: inset(11% 30.7% 78% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna75{ position:absolute;clip-path: inset(22% 30.7% 67% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna76{ position:absolute;clip-path: inset(33% 30.7% 56% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna77{ position:absolute;clip-path: inset(44% 30.7% 45% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna78{ position:absolute;clip-path: inset(55% 30.7% 34% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna79{ position:absolute;clip-path: inset(66% 30.7% 23% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna80{ position:absolute;clip-path: inset(77% 30.7% 12% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna81{ position:absolute;clip-path: inset(88% 30.7% 1% 61.6%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna82{ position:absolute;clip-path: inset(0% 23% 89% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna83{ position:absolute;clip-path: inset(11% 23% 78% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna84{ position:absolute;clip-path: inset(22% 23% 67% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna85{ position:absolute;clip-path: inset(33% 23% 56% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna86{ position:absolute;clip-path: inset(44% 23% 45% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna87{ position:absolute;clip-path: inset(55% 23% 34% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna88{ position:absolute;clip-path: inset(66% 23% 23% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna89{ position:absolute;clip-path: inset(77% 23% 12% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna90{ position:absolute;clip-path: inset(88% 23% 1% 69.3%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna91{ position:absolute;clip-path: inset(0% 15.3% 89% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna92{ position:absolute;clip-path: inset(11% 15.3% 78% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna93{ position:absolute;clip-path: inset(22% 15.3% 67% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna94{ position:absolute;clip-path: inset(33% 15.3% 56% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna95{ position:absolute;clip-path: inset(44% 15.3% 45% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna96{ position:absolute;clip-path: inset(55% 15.3% 34% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna97{ position:absolute;clip-path: inset(66% 15.3% 23% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna98{ position:absolute;clip-path: inset(77% 15.3% 12% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna99{ position:absolute;clip-path: inset(88% 15.3% 1% 77%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna100{ position:absolute;clip-path: inset(0% 7.6% 89% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna101{ position:absolute;clip-path: inset(11% 7.6% 78% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna102{ position:absolute;clip-path: inset(22% 7.6% 67% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna103{ position:absolute;clip-path: inset(33% 7.6% 56% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna104{ position:absolute;clip-path: inset(44% 7.6% 45% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna105{ position:absolute;clip-path: inset(55% 7.6% 34% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna106{ position:absolute;clip-path: inset(66% 7.6% 23% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna107{ position:absolute;clip-path: inset(77% 7.6% 12% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna108{ position:absolute;clip-path: inset(88% 7.6% 1% 84.7%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna109{ position:absolute;clip-path: inset(0% 0% 89% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna110{ position:absolute;clip-path: inset(11% 0% 78% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna111{ position:absolute;clip-path: inset(22% 0% 67% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna112{ position:absolute;clip-path: inset(33% 0% 56% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna113{ position:absolute;clip-path: inset(44% 0% 45% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna114{ position:absolute;clip-path: inset(55% 0% 34% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna115{ position:absolute;clip-path: inset(66% 0% 23% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna116{ position:absolute;clip-path: inset(77% 0% 12% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,} .sdna117{ position:absolute;clip-path: inset(88% 0% 1% 92.4%); opacity: 0; animation-fill-mode: forwards; atsargai,}
.logo-hd{ margin-top: 270%; display: block; margin-left: auto; margin-right: auto; width: 80%; margin-bottom: 120%; }