Help
RSS
API
Feed
Maltego
Contact
Domain > technoturtle.xyz
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-05-04
45.84.204.83
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyConnection: Keep-AliveKeep-Alive: timeout5, max100content-type: text/htmlcontent-length: 795date: Sun, 04 May 2025 17:07:34 GMTserver: LiteSpeedlocation: https://technoturtle.xyz/platform: hostingerpanel: hpanelcontent-security-policy: upgrade-insecure-requests !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKConnection: Keep-AliveKeep-Alive: timeout5, max100content-type: text/htmllast-modified: Fri, 20 Sep 2024 20:13:02 GMTetag: 1c46c-66edd74e-f82c73f8166fed0d;;;accept-ranges: bytescontent-length: 115820date: Sun, 04 May 2025 17:07:34 GMTserver: LiteSpeedplatform: hostingerpanel: hpanelcontent-security-policy: upgrade-insecure-requests !DOCTYPE HTML>html langen>head> link relapple-touch-icon sizes180x180 hrefimages/apple-touch-icon.png> link relicon typeimage/png sizes32x32 hrefimages/favicon-32x32.png> link relicon typeimage/png sizes16x16 hrefimages/favicon-16x16.png> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css> link relmanifest hrefimages/site.webmanifest> title>Techno Turtle Token- $TTT/title> meta charsetutf-8> meta nameviewport contentwidthdevice-width,initial-scale1> meta namecolor-scheme contentlight only> meta namedescription contentTechno Turtle Token> meta propertyog:site_name contentTechno Turtle Token> meta propertyog:title contentTechno Turtle Token> meta propertyog:type contentwebsite> meta propertyog:description contentTechno Turtle Token> meta propertyog:image:type contentimage/jpeg> meta propertyog:image:width content1280> meta propertyog:image:height content800> meta propertytwitter:card contentsummary_large_image> link hrefhttps://fonts.googleapis.com/css2?displayswap&familyDela+Gothic+One:ital,wght@0,400;1,400&familyWork+Sans:ital,wght@0,400;0,700;1,400;1,700 relstylesheet typetext/css> style> /* Gesamtes Bildschirm-Overlay */ #modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* dunkler Hintergrund mit Transparenz */ display: flex; justify-content: center; align-items: center; z-index: 1000; visibility: visible; } /* Modal-Inhalt */ #modal-content { border-radius: 10px; text-align: center; width: 90%; max-width: 400px; /* Maximale Breite für größere Bildschirme */ animation: fadeIn 0.5s ease-in-out; } /* Fade-In-Effekt */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* Überschrift */ h2 { font-size: 24px; margin-bottom: 10px; } /* Absatz */ p { font-size: 16px; margin-bottom: 20px; } /* Button Styling */ #continue-button { background-color: #357c4c; color: white; border: none; padding: 15px 30px; font-size: 18px; cursor: pointer; border-radius: 5px; transition: background-color 0.3s ease, transform 0.2s; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); } #continue-button:hover { background-color: #9B82FF; transform: scale(1.05); } /* Responsive Anpassungen für kleinere Bildschirme */ @media (max-width: 768px) { #modal-content { width: 95%; max-width: 350px; } h2 { font-size: 20px; } p { font-size: 14px; } #continue-button { padding: 12px 25px; font-size: 16px; } } /* Kleinere Schriftgröße für extra kleine Bildschirme */ @media (max-width: 480px) { h2 { font-size: 18px; } p { font-size: 12px; } #continue-button { padding: 10px 20px; font-size: 14px; } } /style> style> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { -webkit-text-size-adjust: none } mark { background-color: transparent; color: inherit } input::-moz-focus-inner { border: 0; padding: 0 } inputtypetext, inputtypeemail, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none } *, *:before, *:after { box-sizing: border-box; } body { line-height: 1.0; min-height: var(--viewport-height); min-width: 320px; overflow-x: hidden; word-wrap: break-word; background-color: #9B82FF; } body:before { background-attachment: scroll; content: ; display: block; height: var(--background-height); left: 0; pointer-events: none; position: fixed; top: 0; transform: scale(1); width: 100vw; z-index: 0; background-image: url(data:image/svg+xml;charsetutf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22512%22%20height%3D%22512%22%20preserveAspectRatio%3D%22none%22%3E%20%3Cstyle%20type%3D%22text%2Fcss%22%3E%20path%20%7B%20fill%3A%20none%3B%20stroke%3A%20%234D3E5C%3B%20stroke-width%3A%203.01px%3B%20%7D%20%3C%2Fstyle%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M111.2%2C81.7L-33.7%2C226.6c-13.9%2C13.9-36.5%2C13.9-50.5%2C0L-229.1%2C81.7%20c-22.5-22.5-6.6-60.9%2C25.2-60.9H86C117.7%2C20.7%2C133.7%2C59.2%2C111.2%2C81.7z%22%2F%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M366.8%2C338.3L221.9%2C483.2c-13.9%2C13.9-36.5%2C13.9-50.5%2C0L26.6%2C338.3%20c-22.5-22.5-6.6-60.9%2C25.2-60.9h289.8C373.4%2C277.4%2C389.3%2C315.8%2C366.8%2C338.3z%22%2F%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M40.6%2C423l-144.9-144.9c-13.9-13.9-13.9-36.5%2C0-50.5L40.6%2C82.8%20c22.5-22.5%2C60.9-6.6%2C60.9%2C25.2v289.8C101.5%2C429.6%2C63.1%2C445.5%2C40.6%2C423z%22%2F%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M296.3%2C679.7L151.4%2C534.8c-13.9-13.9-13.9-36.5%2C0-50.5l144.9-144.9%20c22.5-22.5%2C60.9-6.6%2C60.9%2C25.2v289.8C357.2%2C686.3%2C318.8%2C702.2%2C296.3%2C679.7z%22%2F%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M623.5%2C81.7L478.6%2C226.6c-13.9%2C13.9-36.5%2C13.9-50.5%2C0L283.2%2C81.7%20c-22.5-22.5-6.6-60.9%2C25.2-60.9h289.8C630%2C20.7%2C646%2C59.2%2C623.5%2C81.7z%22%2F%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M296.3%2C166.4L151.4%2C21.5c-13.9-13.9-13.9-36.5%2C0-50.5l144.9-144.9%20c22.5-22.5%2C60.9-6.6%2C60.9%2C25.2v289.8C357.2%2C173%2C318.8%2C188.9%2C296.3%2C166.4z%22%2F%3E%20%3Cpath%20vector-effect%3D%22non-scaling-stroke%22%20d%3D%22M552.9%2C423L408%2C278.2c-13.9-13.9-13.9-36.5%2C0-50.5L552.9%2C82.8%20c22.5-22.5%2C60.9-6.6%2C60.9%2C25.2v289.8C613.8%2C429.6%2C575.4%2C445.5%2C552.9%2C423z%22%2F%3E%3C%2Fsvg%3E); background-size: 1536px; background-position: center; background-repeat: repeat; } body:after { background-color: #9B82FF; content: ; display: block; height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transform: scale(1); transition: opacity 0.125s ease-in-out 0s, visibility 0.125s 0s; visibility: hidden; width: 100%; z-index: 1; } body.is-loading:after { opacity: 1; visibility: visible; } :root { --background-height: 100vh; --site-language-alignment: left; --site-language-direction: ltr; --site-language-flex-alignment: flex-start; --site-language-indent-left: 1; --site-language-indent-right: 0; --site-language-margin-left: 0; --site-language-margin-right: auto; --viewport-height: 100vh; } html { font-size: 18pt; } u { text-decoration: underline; } strong { color: inherit; font-weight: bolder; } em { font-style: italic; } code { background-color: rgba(144, 144, 144, 0.25); border-radius: 0.25em; font-family: Lucida Console, Courier New, monospace; font-size: 0.9em; font-weight: normal; letter-spacing: 0; margin: 0 0.25em; padding: 0.25em 0.5em; text-indent: 0; } mark { background-color: rgba(144, 144, 144, 0.25); } spoiler-text { -webkit-text-stroke: 0; background-color: rgba(32, 32, 32, 0.75); text-shadow: none; text-stroke: 0; color: transparent; cursor: pointer; transition: color 0.1s ease-in-out; } spoiler-text.active { color: #FFFFFF; cursor: text; } s { text-decoration: line-through; } sub { font-size: smaller; vertical-align: sub; } sup { font-size: smaller; vertical-align: super; } a { color: inherit; text-decoration: underline; transition: color 0.25s ease; } aonclick:not(href) { cursor: pointer; } unloaded-script { display: none; } #wrapper { -webkit-overflow-scrolling: touch; align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: var(--viewport-height); overflow: hidden; position: relative; z-index: 2; } #main { --alignment: center; --flex-alignment: center; --indent-left: 1; --indent-right: 1; --margin-left: auto; --margin-right: auto; --border-radius-tl: 0; --border-radius-tr: 0; --border-radius-br: 0; --border-radius-bl: 0; align-items: center; display: flex; flex-grow: 0; flex-shrink: 0; justify-content: center; max-width: 100%; position: relative; text-align: var(--alignment); z-index: 1; transition: opacity 0.125s ease-in-out 0s; } #main>.inner { --padding-horizontal: 4rem; --padding-vertical: 5rem; --spacing: 0rem; --width: 60rem; border-radius: var(--border-radius-tl) var(--border-radius-tr) var(--border-radius-br) var(--border-radius-bl); max-width: 100%; position: relative; width: var(--width); z-index: 1; padding: var(--padding-vertical) var(--padding-horizontal); } #main>.inner>* { margin-top: var(--spacing); margin-bottom: var(--spacing); } #main>.inner> :first-child { margin-top: 0 !important; } #main>.inner> :last-child { margin-bottom: 0 !important; } #main>.inner>.full { margin-left: calc(var(--padding-horizontal) * -1); max-width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px); width: calc(100% + calc(var(--padding-horizontal) * 2) + 0.4725px); } #main>.inner>.full:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; margin-top: calc(var(--padding-vertical) * -1) !important; } #main>.inner>.full:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; margin-bottom: calc(var(--padding-vertical) * -1) !important; } #main>.inner>.full.screen { border-radius: 0 !important; max-width: 100vw; position: relative; width: 100vw; left: 50%; margin-left: -50vw; right: auto; } body.is-loading #main { opacity: 0; } body #wrapper:after { background-position: center; background-repeat: no-repeat; background-size: contain; content: ; display: block; height: 10rem; left: calc(50% - 5rem); opacity: 0; pointer-events: none; position: fixed; top: calc(50% - 5rem); transition: opacity 1s ease, visibility 1s; visibility: hidden; width: 10rem; z-index: 100000; } body.is-loading { pointer-events: none; } body.is-loading.with-loader #wrapper:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6ICM0RDNFNUM7fTwvc3R5bGU+PGNpcmNsZSBjeD0iMjQiIGN5PSI0OCIgcj0iMyI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBhdHRyaWJ1dGVUeXBlPSJYTUwiIHR5cGU9InRyYW5zbGF0ZSIgdmFsdWVzPSIwLDA7MCwtNjswLDA7MCwwOzAsMDswLDA7MCwwOzAsMCIgYmVnaW49IjBzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjM2IiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjJzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjQ4IiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjRzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjYwIiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjZzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjcyIiBjeT0iNDgiIHI9IjMiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYXR0cmlidXRlVHlwZT0iWE1MIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCwwOzAsLTY7MCwwOzAsMDswLDA7MCwwOzAsMDswLDAiIGJlZ2luPSIwLjhzIiBkdXI9IjEuOHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPjwvY2lyY2xlPjwvc3ZnPg); opacity: 1; transform: scale(1.0); visibility: visible; } body.is-playing.with-loader #wrapper:after { opacity: 0; transform: scale(0.5); transition: opacity 0.25s ease, transform 0.75s ease, visibility 0.25s; visibility: hidden; } body.is-instant #main, body.is-instant #main>.inner>*, body.is-instant #main>.inner>section>* { transition: none !important; } body.is-instant:after { display: none !important; transition: none !important; } h1, h2, h3, p { direction: var(--site-language-direction); position: relative; } h1 span.p, h2 span.p, h3 span.p, p span.p { display: block; position: relative; } h1 spanstyle, h2 spanstyle, h3 spanstyle, p spanstyle, h1 strong, h2 strong, h3 strong, p strong, h1 a, h2 a, h3 a, p a, h1 code, h2 code, h3 code, p code, h1 mark, h2 mark, h3 mark, p mark, h1 spoiler-text, h2 spoiler-text, h3 spoiler-text, p spoiler-text { -webkit-text-fill-color: currentcolor; } h1.style3, h2.style3, h3.style3, p.style3 { color: #000000; font-family: Dela Gothic One, cursive; font-size: 2.875em; line-height: 1.125; font-weight: 400; } h1.style3 mark, h2.style3 mark, h3.style3 mark, p.style3 mark { color: #C387B6; background-color: transparent; } h1.style3 a, h2.style3 a, h3.style3 a, p.style3 a { text-decoration: none; } h1.style3 a:hover, h2.style3 a:hover, h3.style3 a:hover, p.style3 a:hover { text-decoration: underline; } h1.style3 span.p:nth-child(n + 2), h2.style3 span.p:nth-child(n + 2), h3.style3 span.p:nth-child(n + 2), p.style3 span.p:nth-child(n + 2) { margin-top: 1rem; } h1.style3>*, h2.style3>*, h3.style3>*, p.style3>* { display: inline-block; line-height: 1.2; } h1.style2, h2.style2, h3.style2, p.style2 { color: #000000; font-family: Work Sans, sans-serif; font-size: 1em; line-height: 1.875; font-weight: 400; } h1.style2 a, h2.style2 a, h3.style2 a, p.style2 a { text-decoration: underline; } h1.style2 a:hover, h2.style2 a:hover, h3.style2 a:hover, p.style2 a:hover { text-decoration: none; } h1.style2 span.p:nth-child(n + 2), h2.style2 span.p:nth-child(n + 2), h3.style2 span.p:nth-child(n + 2), p.style2 span.p:nth-child(n + 2) { margin-top: 1rem; } h1.style1, h2.style1, h3.style1, p.style1 { color: #F7F7F7; font-family: Dela Gothic One, cursive; font-size: 1.25em; line-height: 1.125; font-weight: 400; } h1.style1 mark, h2.style1 mark, h3.style1 mark, p.style1 mark { color: #C387B6; background-color: transparent; } h1.style1 a, h2.style1 a, h3.style1 a, p.style1 a { text-decoration: none; } h1.style1 a:hover, h2.style1 a:hover, h3.style1 a:hover, p.style1 a:hover { text-decoration: underline; } h1.style1 span.p:nth-child(n + 2), h2.style1 span.p:nth-child(n + 2), h3.style1 span.p:nth-child(n + 2), p.style1 span.p:nth-child(n + 2) { margin-top: 1rem; } h1.style1>*, h2.style1>*, h3.style1>*, p.style1>* { display: inline-block; line-height: 1.2; } h1.style4, h2.style4, h3.style4, p.style4 { color: #303030; font-family: Dela Gothic One, cursive; font-size: 1.75em; line-height: 1.125; font-weight: 400; } h1.style4 mark, h2.style4 mark, h3.style4 mark, p.style4 mark { color: #C387B6; background-color: transparent; } h1.style4 a, h2.style4 a, h3.style4 a, p.style4 a { text-decoration: none; } h1.style4 a:hover, h2.style4 a:hover, h3.style4 a:hover, p.style4 a:hover { text-decoration: underline; } h1.style4 span.p:nth-child(n + 2), h2.style4 span.p:nth-child(n + 2), h3.style4 span.p:nth-child(n + 2), p.style4 span.p:nth-child(n + 2) { margin-top: 1rem; } h1.style4>*, h2.style4>*, h3.style4>*, p.style4>* { display: inline-block; line-height: 1.2; } .image { display: block; line-height: 0; max-width: 100%; position: relative; } .image .frame { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); display: inline-block; max-width: 100%; overflow: hidden; vertical-align: top; width: 100%; } .image .frame img { border-radius: 0 !important; max-width: 100%; vertical-align: top; width: inherit; } .image.full .frame { display: block; } .image.full:first-child .frame { border-top-left-radius: inherit; border-top-right-radius: inherit; } .image.full:last-child .frame { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .image.style3:not(:first-child) { margin-top: 0rem !important; } .image.style3:not(:last-child) { margin-bottom: 0rem !important; } .image.style3 .frame { width: 32.625rem; border-radius: 100%; border-color: #4D3E5C; border-style: solid; border-width: 3px; transition: none; } .image.style3 img { border-radius: inherit !important; padding: 0.375rem; } .image.style3 .frame img { transition: none; } .image.style1 .frame { width: 100vw; border-color: #FFFFFF; border-style: dashed; border-width: 10px; transition: none; } .image.style1 img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; } .image.style1 .frame img { transition: none; } .image.style2 .frame { width: 100vw; border-color: #FFFFFF; border-style: solid; border-width: 10px; transition: none; } .image.style2 img { height: 100% !important; object-fit: cover; object-position: top; width: 100% !important; } .image.style2 .frame img { transition: none; } hr { align-items: center; border: 0; display: flex; justify-content: var(--flex-alignment); min-height: 1rem; padding: 0; position: relative; width: 100%; } hr:before { content: ; } hr.style2:not(:first-child) { margin-top: 0rem !important; } hr.style2:not(:last-child) { margin-bottom: 0rem !important; } hr.style2:before { height: 11rem; background-color: #4D3E5C; width: 3px; border-radius: 0px; } hr.style1:not(:first-child) { margin-top: 0rem !important; } hr.style1:not(:last-child) { margin-bottom: 0rem !important; } hr.style1:before { height: 12rem; background-color: #4D3E5C; width: 3px; border-radius: 0px; } .container { position: relative; } .container>.wrapper { vertical-align: top; position: relative; max-width: 100%; border-radius: inherit; } .container>.wrapper>.inner { vertical-align: top; position: relative; max-width: 100%; border-radius: inherit; text-align: var(--alignment); } #main .container.full:first-child>.wrapper { border-top-left-radius: inherit; border-top-right-radius: inherit; } #main .container.full:last-child>.wrapper { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } #main .container.full:first-child>.wrapper>.inner { border-top-left-radius: inherit; border-top-right-radius: inherit; } #main .container.full:last-child>.wrapper>.inner { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .container.style2 { --alignment: center; --flex-alignment: center; --indent-left: 1; --indent-right: 1; --margin-left: auto; --margin-right: auto; display: flex; width: 100%; align-items: center; justify-content: center; background-color: #FFFFFF; border-color: #4D3E5C; border-style: solid; border-width: 3px; box-shadow: 0.177rem 0.177rem 0rem 0rem #4D3E5C; } .container.style2:not(:first-child) { margin-top: 0rem !important; } .container.style2:not(:last-child) { margin-bottom: 0rem !important; } .container.style2>.wrapper>.inner { --gutters: calc(var(--padding-horizontal) * 2); --padding-horizontal: 1.125rem; --padding-vertical: 4rem; --spacing: 2rem; padding: var(--padding-vertical) var(--padding-horizontal); } .container.style2>.wrapper { max-width: var(--width); width: 100%; } .container.style2.default>.wrapper>.inner>* { margin-bottom: var(--spacing); margin-top: var(--spacing); } .container.style2.default>.wrapper>.inner>*:first-child { margin-top: 0 !important; } .container.style2.default>.wrapper>.inner>*:last-child { margin-bottom: 0 !important; } .container.style2.columns>.wrapper>.inner { flex-wrap: wrap; display: flex; align-items: center; } .container.style2.columns>.wrapper>.inner>* { flex-grow: 0; flex-shrink: 0; max-width: 100%; text-align: var(--alignment); padding: 0 0 0 var(--gutters); } .container.style2.columns>.wrapper>.inner>*>* { margin-bottom: var(--spacing); margin-top: var(--spacing); } .container.style2.columns>.wrapper>.inner>*>*:first-child { margin-top: 0 !important; } .container.style2.columns>.wrapper>.inner>*>*:last-child { margin-bottom: 0 !important; } .container.style2.columns>.wrapper>.inner>*:first-child { margin-left: calc(var(--gutters) * -1); } .container.style2.columns>.wrapper>.inner>*:before { border-left: solid 3px #4D3E5C; content: ; display: block; margin-left: calc((var(--gutters) * -0.5) - 1.5px); position: absolute; width: 0; height: 100%; top: 0; } .container.style2.columns>.wrapper>.inner>*:first-child:before { display: none; } .container.style2.default>.wrapper>.inner>.full { margin-left: calc(var(--padding-horizontal) * -1); max-width: none !important; width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style2.default>.wrapper>.inner>.full:first-child { margin-top: calc(var(--padding-vertical) * -1) !important; border-top-left-radius: inherit; border-top-right-radius: inherit; } .container.style2.default>.wrapper>.inner>.full:last-child { margin-bottom: calc(var(--padding-vertical) * -1) !important; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .container.style2.columns>.wrapper>.inner>div>.full { margin-left: calc((var(--gutters) * -0.5) + 1.5px); max-width: none !important; width: calc(100% + var(--gutters) + 0.4725px - 3px); } .container.style2.columns>.wrapper>.inner>div:first-child>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px - 1.5px); } .container.style2.columns>.wrapper>.inner>div:last-child>.full { width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px - 1.5px); } .container.style2.columns>.wrapper>.inner>div>.full:first-child { margin-top: calc(var(--padding-vertical) * -1) !important; } .container.style2.columns>.wrapper>.inner>div>.full:last-child { margin-bottom: calc(var(--padding-vertical) * -1) !important; } .container.style2.columns>.wrapper>.inner>.full { align-self: stretch; } .container.style2.columns>.wrapper>.inner>.full:first-child { border-bottom-left-radius: inherit; border-top-left-radius: inherit; } .container.style2.columns>.wrapper>.inner>.full:last-child { border-bottom-right-radius: inherit; border-top-right-radius: inherit; } .container.style2.columns>.wrapper>.inner>.full>.full:first-child:last-child { border-radius: inherit; height: calc(100% + (var(--padding-vertical) * 2)); } .container.style2.columns>.wrapper>.inner>.full>.full:first-child:last-child>* { border-radius: inherit; height: 100%; position: absolute; width: 100%; } .container.style1 { display: flex; width: 100%; min-height: 15rem; align-items: center; justify-content: center; background-color: #FFFFFF; border-color: #4D3E5C; border-style: solid; border-width: 3px; box-shadow: 0.177rem 0.177rem 0rem 0rem #4D3E5C; } .container.style1:not(:first-child) { margin-top: 0rem !important; } .container.style1:not(:last-child) { margin-bottom: 0rem !important; } .container.style1>.wrapper>.inner { --gutters: calc(var(--padding-horizontal) * 2); --padding-horizontal: 4rem; --padding-vertical: 4rem; --spacing: 2rem; padding: var(--padding-vertical) var(--padding-horizontal); } .container.style1>.wrapper { max-width: var(--width); width: 100%; } .container.style1.default>.wrapper>.inner>* { margin-bottom: var(--spacing); margin-top: var(--spacing); } .container.style1.default>.wrapper>.inner>*:first-child { margin-top: 0 !important; } .container.style1.default>.wrapper>.inner>*:last-child { margin-bottom: 0 !important; } .container.style1.columns>.wrapper>.inner { flex-wrap: wrap; display: flex; align-items: center; } .container.style1.columns>.wrapper>.inner>* { flex-grow: 0; flex-shrink: 0; max-width: 100%; text-align: var(--alignment); padding: 0 0 0 var(--gutters); } .container.style1.columns>.wrapper>.inner>*>* { margin-bottom: var(--spacing); margin-top: var(--spacing); } .container.style1.columns>.wrapper>.inner>*>*:first-child { margin-top: 0 !important; } .container.style1.columns>.wrapper>.inner>*>*:last-child { margin-bottom: 0 !important; } .container.style1.columns>.wrapper>.inner>*:first-child { margin-left: calc(var(--gutters) * -1); } .container.style1.default>.wrapper>.inner>.full { margin-left: calc(var(--padding-horizontal) * -1); max-width: none !important; width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style1.default>.wrapper>.inner>.full:first-child { margin-top: calc(var(--padding-vertical) * -1) !important; border-top-left-radius: inherit; border-top-right-radius: inherit; } .container.style1.default>.wrapper>.inner>.full:last-child { margin-bottom: calc(var(--padding-vertical) * -1) !important; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .container.style1.columns>.wrapper>.inner>div>.full { margin-left: calc(var(--gutters) * -0.5); max-width: none !important; width: calc(100% + var(--gutters) + 0.4725px); } .container.style1.columns>.wrapper>.inner>div:first-child>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px); } .container.style1.columns>.wrapper>.inner>div:last-child>.full { width: calc(100% + var(--padding-horizontal) + calc(var(--gutters) * 0.5) + 0.4725px); } .container.style1.columns>.wrapper>.inner>div>.full:first-child { margin-top: calc(var(--padding-vertical) * -1) !important; } .container.style1.columns>.wrapper>.inner>div>.full:last-child { margin-bottom: calc(var(--padding-vertical) * -1) !important; } .container.style1.columns>.wrapper>.inner>.full { align-self: stretch; min-height: 15rem; } .container.style1.columns>.wrapper>.inner>.full:first-child { border-bottom-left-radius: inherit; border-top-left-radius: inherit; } .container.style1.columns>.wrapper>.inner>.full:last-child { border-bottom-right-radius: inherit; border-top-right-radius: inherit; } .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child { border-radius: inherit; height: calc(100% + (var(--padding-vertical) * 2)); } .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child>* { border-radius: inherit; height: 100%; position: absolute; width: 100%; } #container02>.wrapper>.inner> :nth-child(1) { width: calc(60% + (var(--gutters) / 2)); } #container02>.wrapper>.inner> :nth-child(2) { width: calc(40% + (var(--gutters) / 2)); } #container06>.wrapper>.inner> :nth-child(1) { width: calc(60% + (var(--gutters) / 2)); } #container06>.wrapper>.inner> :nth-child(2) { width: calc(40% + (var(--gutters) / 2)); } #container03>.wrapper>.inner> :nth-child(1) { width: calc(40% + (var(--gutters) / 2)); } #container03>.wrapper>.inner> :nth-child(2) { width: calc(60% + (var(--gutters) / 2)); } #container04>.wrapper>.inner> :nth-child(1) { width: calc(50% + (var(--gutters) / 2)); } #container04>.wrapper>.inner> :nth-child(2) { width: calc(50% + (var(--gutters) / 2)); } .buttons { cursor: default; display: flex; justify-content: var(--flex-alignment); letter-spacing: 0; padding: 0; } .buttons li { max-width: 100%; text-align: var(--alignment); } .buttons li a { align-items: center; justify-content: center; max-width: 100%; text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; } .buttons.style1 { gap: 0.875rem; flex-direction: row; flex-wrap: wrap; } .buttons.style1 li a { display: inline-flex; width: 16rem; height: 4rem; line-height: 4rem; padding: 0 0.5rem; vertical-align: middle; font-family: Dela Gothic One, cursive; font-size: 1.125em; font-weight: 400; border-radius: 2.5rem; box-shadow: 0rem 0rem 0rem 0.125rem #4D3E5C; flex-direction: row-reverse; transition: transform 0.125s ease, color 0.125s ease, background-color 0.125s ease, border-color 0.125s ease; } .buttons.style1 li a svg { display: block; fill: #FFFFFF; flex-grow: 0; flex-shrink: 0; height: 100%; min-width: 16px; width: 1em; margin-left: 0.75rem; margin-right: calc(-0.125em + 0rem); transition: fill 0.125s ease; } .buttons.style1 li a .label { direction: var(--site-language-direction); overflow: hidden; } .buttons.style1 .button { background-color: #FF4FAE; color: #FFFFFF; } .buttons.style1 .button svg { fill: #FFFFFF; } .buttons.style1 li a:hover { transform: rotate(-2.125deg); } .icons { display: flex; flex-wrap: wrap; justify-content: var(--flex-alignment); letter-spacing: 0; padding: 0; } .icons li { position: relative; z-index: 1; } .icons li a { align-items: center; display: flex; justify-content: center; } .icons li a svg { display: block; position: relative; } .icons li a+svg { display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: -1; } .icons li a .label { display: none; } .icons.style1 { font-size: 1.875em; gap: 1.5rem; } .icons.style1 li a { border-radius: 2.5rem; height: 2em; width: 2em; transition: transform 0.125s ease, color 0.125s ease, background-color 0.125s ease, border-color 0.125s ease; } .icons.style1 li a svg { height: 60%; width: 60%; transition: fill 0.125s ease; } .icons.style1 a { background-color: #4FB5FF; box-shadow: 0rem 0rem 0rem 0.125rem #4D3E5C; } .icons.style1 a svg { fill: #FFFFFF; } .icons.style1 li a+svg { transition: transform 0.125s ease, fill 0.125s ease, stroke 0.125s ease; } .icons.style1 li a:hover { transform: rotate(-16.875deg); } .icons.style1 li a:hover+svg { transform: rotate(-16.875deg); } .icc-credits { display: block; opacity: 1 !important; position: relative; transition-delay: 0s !important; } .icc-credits span { border-radius: 24px; cursor: pointer; display: inline-block; font-family: Arial, sans-serif; font-size: 12px; letter-spacing: 0; line-height: 1; position: relative; text-decoration: none; width: auto; } .icc-credits span a { display: inline-block; padding: 0.5em 0.375em; position: relative; text-decoration: none; transition: color 0.25s ease, transform 0.25s ease; z-index: 1; } .icc-credits span a:before { content: ( ; opacity: 1; transition: opacity 0.25s ease; } .icc-credits span a:after { content: ); opacity: 1; transition: opacity 0.25s ease; } .icc-credits span::after { background-image: linear-gradient(30deg, #A464A1 15%, #3B5DAD 85%); border-radius: inherit; box-shadow: 0 0.25em 1.25em 0 rgba(0, 0, 0, 0.25); content: ; display: block; height: calc(100% + 2px); left: -1px; opacity: 0; pointer-events: none; position: absolute; top: -1px; transition: opacity 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; width: calc(100% + 2px); } .icc-credits span:hover { text-transform: none !important; } .icc-credits span:hover a { color: #ffffff !important; transform: scale(1.1) translateY(-0.05rem); } .icc-credits span:hover a:before { opacity: 0; } .icc-credits span:hover a:after { opacity: 0; } .icc-credits span:hover::after { opacity: 1; transform: scale(1.1) translateY(-0.05rem); } #credits span { color: rgba(247, 247, 247, 0.498); margin-top: 1.5rem !important; } @media (max-width: 1920px) {} @media (max-width: 1680px) { html { font-size: 13pt; } } @media (max-width: 1280px) { html { font-size: 13pt; } } @media (max-width: 1024px) {} @media (max-width: 980px) { html { font-size: 11pt; } } @media (max-width: 736px) { html { font-size: 11pt; } #main>.inner { --padding-horizontal: 2rem; --padding-vertical: 3rem; --spacing: 0rem; } h1.style3, h2.style3, h3.style3, p.style3 { letter-spacing: 0rem; width: 100%; font-size: 2.75em; line-height: 1.125; } h1.style2, h2.style2, h3.style2, p.style2 { letter-spacing: 0rem; width: 100%; font-size: 1em; line-height: 1.875; } h1.style1, h2.style1, h3.style1, p.style1 { letter-spacing: 0rem; width: 100%; font-size: 1.25em; line-height: 1.125; } h1.style4, h2.style4, h3.style4, p.style4 { letter-spacing: 0rem; width: 100%; font-size: 2.75em; line-height: 1.125; } .image.style3:not(:first-child) { margin-top: 0rem !important; } .image.style3:not(:last-child) { margin-bottom: 0rem !important; } .image.style3 .frame { width: 32.625rem; } .image.style1 .frame { height: 25rem !important; } .image.style1 img { height: 100% !important; object-fit: cover; object-position: center; width: 100% !important; } .image.style2 .frame { height: 37.5rem !important; } .image.style2 img { height: 100% !important; object-fit: cover; object-position: top; width: 100% !important; } hr.style2:not(:first-child) { margin-top: 0rem !important; } hr.style2:not(:last-child) { margin-bottom: 0rem !important; } hr.style2:before { height: 4rem; } hr.style1:not(:first-child) { margin-top: 0rem !important; } hr.style1:not(:last-child) { margin-bottom: 0rem !important; } hr.style1:before { height: 6rem; } .container.style2:not(:first-child) { margin-top: 0rem !important; } .container.style2:not(:last-child) { margin-bottom: 0rem !important; } .container.style2>.wrapper>.inner { --gutters: calc(var(--padding-vertical) * 2); --padding-horizontal: 2rem; --padding-vertical: 2.5rem; --spacing: 2rem; } .container.style2.columns>.wrapper>.inner { flex-direction: column !important; flex-wrap: nowrap !important; } .container.style2.columns>.wrapper>.inner>span { height: 0; margin-top: calc(var(--gutters) * -1); pointer-events: none; visibility: hidden; } .container.style2.columns>.wrapper>.inner>span:first-child+div:before { display: none !important; } .container.style2.columns>.wrapper>.inner>*:first-child { margin-left: 0 !important; padding-top: 0 !important; } .container.style2.columns>.wrapper>.inner>* { padding: calc(var(--gutters) * 0.5) 0 !important; } .container.style2.columns>.wrapper>.inner>*:before { border-top: solid 3px #4D3E5C !important; height: 0 !important; margin-left: 0 !important; top: auto !important; margin-top: calc((var(--gutters) * -0.5) - 1.5px) !important; left: 0 !important; width: 100% !important; } .container.style2.columns>.wrapper>.inner>*:last-child { padding-bottom: 0 !important; } .container.style2.columns>.wrapper>.inner>*:first-child:before { display: none !important; } .container.style2.columns>.wrapper>.inner>*:last-child:before { display: block !important; } .container.style2.columns>.wrapper>.inner>div>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style2.columns>.wrapper>.inner>div:first-of-type>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style2.columns>.wrapper>.inner>div:last-of-type>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style2.columns>.wrapper>.inner>div>.full:first-child { margin-top: calc((var(--gutters) * -0.5) + 1.5px) !important; } .container.style2.columns>.wrapper>.inner>div>.full:last-child { margin-bottom: calc((var(--gutters) * -0.5) + 1.5px) !important; } .container.style2.columns>.wrapper>.inner>div:first-of-type>.full:first-child { margin-top: calc(var(--padding-vertical) * -1) !important; } .container.style2.columns>.wrapper>.inner>div:last-of-type>.full:last-child { margin-bottom: calc(var(--padding-vertical) * -1) !important; } .container.style2.columns>.wrapper>.inner>div:first-of-type, .container.style2.columns>.wrapper>.inner>div:first-of-type>.full:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .container.style2.columns>.wrapper>.inner>div:last-of-type, .container.style2.columns>.wrapper>.inner>div:last-of-type>.full:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .container.style2.columns>.wrapper>.inner>div:first-of-type, .container.style2.columns>.wrapper>.inner>div:first-of-type>.full:last-child { border-bottom-left-radius: 0 !important; } .container.style2.columns>.wrapper>.inner>div:last-of-type, .container.style2.columns>.wrapper>.inner>div:last-of-type>.full:first-child { border-top-right-radius: 0 !important; } .container.style2.columns>.wrapper>.inner>.full>.full:first-child:last-child { height: auto; } .container.style2.columns>.wrapper>.inner>.full>.full:first-child:last-child>* { height: auto; position: relative; width: auto; } .container.style1 { min-height: 11.25rem; } .container.style1:not(:first-child) { margin-top: 0rem !important; } .container.style1:not(:last-child) { margin-bottom: 0rem !important; } .container.style1>.wrapper>.inner { --gutters: 4rem; --padding-horizontal: 2rem; --padding-vertical: 2.5rem; --spacing: 2rem; } .container.style1.columns>.wrapper>.inner { flex-direction: column !important; flex-wrap: nowrap !important; } .container.style1.columns>.wrapper>.inner>span { height: 0; margin-top: calc(var(--gutters) * -1); pointer-events: none; visibility: hidden; } .container.style1.columns>.wrapper>.inner>*:first-child { margin-left: 0 !important; padding-top: 0 !important; } .container.style1.columns>.wrapper>.inner>* { padding: calc(var(--gutters) * 0.5) 0 !important; } .container.style1.columns>.wrapper>.inner>*:last-child { padding-bottom: 0 !important; } .container.style1.columns>.wrapper>.inner>div>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style1.columns>.wrapper>.inner>div:first-of-type>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style1.columns>.wrapper>.inner>div:last-of-type>.full { margin-left: calc(var(--padding-horizontal) * -1); width: calc(100% + (var(--padding-horizontal) * 2) + 0.4725px); } .container.style1.columns>.wrapper>.inner>div>.full:first-child { margin-top: calc(var(--gutters) * -0.5) !important; } .container.style1.columns>.wrapper>.inner>div>.full:last-child { margin-bottom: calc(var(--gutters) * -0.5) !important; } .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:first-child { margin-top: calc(var(--padding-vertical) * -1) !important; } .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:last-child { margin-bottom: calc(var(--padding-vertical) * -1) !important; } .container.style1.columns>.wrapper>.inner>div:first-of-type, .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .container.style1.columns>.wrapper>.inner>div:last-of-type, .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .container.style1.columns>.wrapper>.inner>div:first-of-type, .container.style1.columns>.wrapper>.inner>div:first-of-type>.full:last-child { border-bottom-left-radius: 0 !important; } .container.style1.columns>.wrapper>.inner>div:last-of-type, .container.style1.columns>.wrapper>.inner>div:last-of-type>.full:first-child { border-top-right-radius: 0 !important; } .container.style1.columns>.wrapper>.inner>.full { min-height: 11.25rem; } .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child { height: auto; } .container.style1.columns>.wrapper>.inner>.full>.full:first-child:last-child>* { height: auto; position: relative; width: auto; } #container02>.wrapper>.inner> :nth-child(1) { min-height: 100% !important; width: 100% !important; } #container02>.wrapper>.inner> :nth-child(2) { min-height: 100% !important; width: 100% !important; } #container06>.wrapper>.inner> :nth-child(1) { min-height: 100% !important; width: 100% !important; } #container06>.wrapper>.inner> :nth-child(2) { min-height: 100% !important; width: 100% !important; } #container03>.wrapper>.inner> :nth-child(1) { min-height: 100% !important; width: 100% !important; } #container03>.wrapper>.inner> :nth-child(2) { min-height: 100% !important; width: 100% !important; } #container04>.wrapper>.inner> :nth-child(1) { min-height: 100% !important; width: 100% !important; } #container04>.wrapper>.inner> :nth-child(2) { min-height: 100% !important; width: 100% !important; } .buttons.style1 { gap: 0.875rem; } .buttons.style1 li a { letter-spacing: 0rem; font-size: 1.125em; } .buttons.style1 li a svg { width: 1em; } .icons.style1 { font-size: 1.875em; gap: 1.5rem; } } @media (max-width: 480px) { #main>.inner { --spacing: 0rem; } .image.style1 .frame { height: 20rem !important; } .image.style2 .frame { height: 30rem !important; } .container.style2>.wrapper>.inner { --spacing: 1.75rem; } .container.style1>.wrapper>.inner { --spacing: 1.75rem; } .buttons.style1 li a { width: 16rem; } } @media (max-width: 360px) { #main>.inner { --padding-horizontal: 1.5rem; --padding-vertical: 2.25rem; --spacing: 0rem; } h1.style3, h2.style3, h3.style3, p.style3 { font-size: 2.75em; } h1.style2, h2.style2, h3.style2, p.style2 { font-size: 1em; } h1.style1, h2.style1, h3.style1, p.style1 { font-size: 1.25em; } h1.style4, h2.style4, h3.style4, p.style4 { font-size: 2.75em; } .image.style1 .frame { height: 17.5rem !important; } .image.style2 .frame { height: 26.25rem !important; } .container.style2>.wrapper>.inner { --gutters: calc(var(--padding-vertical) * 2); --padding-horizontal: 1.5rem; --padding-vertical: 1.875rem; --spacing: 1.5rem; } .container.style1>.wrapper>.inner { --gutters: 4rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.875rem; --spacing: 1.5rem; } .container.style1 { min-height: 7.5rem; } .container.style1.columns>.wrapper>.inner>.full { min-height: 7.5rem; } .buttons.style1 { gap: 0.65625rem; } .icons.style1 { gap: 1.125rem; } } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .rotate { display: inline-block; animation: rotate 10s linear infinite; } #muteButton { position: absolute; top: 10px; right: 10px; padding: 10px; color: rgb(0, 0, 0); border: none; border-radius: 5px; background-color: #00000000; cursor: pointer; font-size: 26px; font-family: Dela Gothic One, cursive; } #text04 { font-size: 1.6em; } .bt-menu { position: fixed; top: 0; left: 0; width: 100%; height: 0; border-width: 0px; border-style: solid; border-color: #333; background-color: rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; font-family: Dela Gothic One, cursive; } .bt-menu.bt-menu-open { height: 100%; border-width: 0px 0px 50px 150px; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: border-width 0.3s, background-color 0.3s; transition: border-width 0.3s, background-color 0.3s; z-index: 100; } .bt-overlay { position: absolute; width: 100%; } .bt-menu-open .bt-overlay { height: 100%; } .bt-menu-trigger { position: fixed; top: 10px; left: 20px; z-index: 100; display: block; width: 50px; height: 50px; cursor: pointer; } .bt-menu-trigger span { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 8%; background-color: #fff; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } nav#bt-menu {z-index: 10000;} .bt-menu-trigger span:before, .bt-menu-trigger span:after { position: absolute; left: 0; width: 100%; height: 100%; background: #fff; content: ; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .bt-menu-trigger span:before { -webkit-transform: translateY(-250%); transform: translateY(-250%); } .bt-menu-trigger span:after { -webkit-transform: translateY(250%); transform: translateY(250%); } .bt-menu-open .bt-menu-trigger span:before { -webkit-transform: translateY(-300%); transform: translateY(-300%); } .bt-menu-open .bt-menu-trigger span:after { -webkit-transform: translateY(300%); transform: translateY(300%); } .bt-menu ul { position: fixed; margin: 0; padding: 0; list-style: none; } .bt-menu ul:first-of-type { top: 75px; left: 0; } .bt-menu ul:nth-of-type(2) { right: 0; bottom: 0; } .bt-menu ul li, .bt-menu ul li a { display: block; } .bt-menu ul:nth-of-type(2) li { float: left; font-size: 0px; } .bt-menu ul li { visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s; transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s; } .bt-menu.bt-menu-open ul:first-of-type li, .bt-menu.bt-menu-open ul:nth-of-type(2) li { visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s; transition: transform 0.3s, opacity 0.3s; } /* First menu */ .bt-menu ul:first-of-type li { width: 150px; height: 50px; line-height: 50px; -webkit-transform: translate3d(-100%, 50%, 0); transform: translate3d(-100%, 50%, 0); } .bt-menu.bt-menu-open ul:first-of-type li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Second menu */ .bt-menu ul:nth-of-type(2) li { width: 60px; height: 50px; line-height: 50px; -webkit-transform: scale(0); transform: scale(0); } .bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li { -webkit-transform: scale(1); transform: scale(1); } .bt-menu ul li a { display: block; outline: none; text-decoration: none; } .bt-menu ul:first-of-type li a { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 0.6em; -webkit-transition: color 0.2s; transition: color 0.2s; } .bt-menu ul:first-of-type li:last-child a { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2), inset 0 -1px rgba(0, 0, 0, 0.2); } .bt-menu ul:nth-of-type(2) li a { color: transparent; text-align: center; font-size: 0px; } .bt-menu ul li a:before { color: #fff; font-size: 24px; -webkit-transition: color 0.2s; transition: color 0.2s; } .bt-menu ul:first-of-type li a:hover, .bt-menu ul:first-of-type li a:focus, .bt-menu ul li a:hover:before, .bt-menu ul li a:focus:before { color: #1abc9c; } /style>noscript> style> body { overflow: auto !important; } body:after { display: none !important; } #main>.inner { opacity: 1.0 !important; } #main { opacity: 1.0 !important; transform: none !important; transition: none !important; filter: none !important; }/* Overlay-Styles */#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); /* Schwarzer transparenter Hintergrund */ display: flex; justify-content: center; align-items: center; z-index: 1000;}#overlay-content { background-color: white; padding: 20px; border-radius: 10px; text-align: center;}#continue-button { padding: 10px 20px; font-size: 16px; cursor: pointer;}#modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); /* Schwarzer transparenter Hintergrund */ display: flex; justify-content: center; align-items: center; z-index: 1000; visibility: hidden; /* Modal ist versteckt, bis die Seite geladen ist */}#modal-content { background-color: white; padding: 20px; border-radius: 10px; text-align: center;}#continue-button { padding: 10px 20px; font-size: 16px; cursor: pointer;} /style> /noscript>/head>body classis-loading> svg xmlnshttp://www.w3.org/2000/svg version1.1 xmlns:xlinkhttp://www.w3.org/1999/xlink viewbox0 0 40 40 displaynone width0 height0> symbol idicon-539e8a7dd31ef103fa8a43b109673d75 viewbox0 0 40 40> path dM9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z> /path> /symbol> symbol idicon-6ee79a7585f3f3c012d0dfdbadcd1366 viewbox0 0 40 40> path dM37.7,14l-11.4-1.7L21.1,2c-0.3-0.6-0.7-0.9-1.1-0.9S19.2,1.4,18.9,2l-5.1,10.4L2.3,14c-0.8,0.1-1.3,0.5-1.3,1 c0,0.3,0.2,0.7,0.6,1.1l8.3,8.1L8,35.6c0,0.2,0,0.4,0,0.5c0,0.3,0.1,0.6,0.2,0.8c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.6-0.1,0.9-0.3 L20,31.5l10.2,5.4c0.3,0.2,0.6,0.3,0.9,0.3c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.2-0.5,0.2-0.8c0-0.2,0-0.3,0-0.5l-2-11.4l8.3-8.1 c0.4-0.4,0.6-0.8,0.6-1.1C38.9,14.5,38.5,14.2,37.7,14z> /path> /symbol> symbol idicon-31b8880d36499db40d4e47546c4763f3 viewbox0 0 40 40> path dM30.1,4h5.4L23.7,17.6L37.6,36H26.7l-8.5-11.2L8.5,36H3.1l12.6-14.5L2.4,4h11.1l7.7,10.2L30.1,4z M28.2,32.8h3L11.9,7.1H8.7 L28.2,32.8z> /path> /symbol> symbol idicon-5557319b5be740d8027eec5f790fe6fe viewbox0 0 40 40> path dM35,31.2l-4.1-3.3L28,32.6l-3.1-2.9L20,37.6l-4.9-7.9L12,32.6l-2.9-4.7L5,31.2 c2-3.7,2.8-7.7,2.9-11.7l0-1.6l0-3.1c0-2,0.5-3.7,1.3-5.5l0.3-0.5c0.5,0.8,1.2,1.6,2,2.4l-0.2,0.5c-0.5,1-0.6,2-0.3,3 c0.2,0.7,0.7,1.2,1.2,1.6c0.5,0.4,1.2,0.7,1.8,0.8c0.4,0.1,0.9,0.1,1.3,0.1c-0.1,0.6-0.1,1.2-0.1,1.8l-3.9,2.2l3,1.7 c0.2,0.1,0.5,0.3,0.7,0.5c2.5,2.2,4,8.7,5,11.9c1-3.2,2.5-9.7,5-11.9c0.2-0.2,0.4-0.3,0.7-0.5l3-1.7l-3.9-2.2c0-0.6,0-1.2-0.1-1.8 c0.4,0,0.9,0,1.3-0.1c0.7-0.1,1.3-0.4,1.8-0.8c0.5-0.4,1-1,1.2-1.6c0.4-1,0.2-2.1-0.3-3l-0.2-0.5l0,0c0.8-0.8,1.4-1.6,2-2.4l0.3,0.5 c0.9,1.8,1.3,3.5,1.3,5.5l0,3.1l0,1.6C32.2,23.5,33,27.5,35,31.2z M14.5,15.3c-0.4-0.1-0.8-0.3-1-0.5c-0.3-0.2-0.5-0.5-0.6-0.8 c-0.2-0.4-0.1-0.9,0.2-1.6c1.4,1.1,2.8,1.9,3.9,2.4C16.1,15.4,15.2,15.5,14.5,15.3z M27.1,14.1c-0.1,0.3-0.3,0.6-0.6,0.8 c-0.3,0.2-0.6,0.4-1,0.5c-0.8,0.2-1.6,0.1-2.4-0.4c1.1-0.5,2.5-1.3,3.9-2.4C27.2,13.1,27.3,13.7,27.1,14.1z M20,28.9 c-1-3-1.8-6-4.7-7.6l1.4-0.8c0.3-0.1,0.5-0.4,0.5-0.7c-0.1-2.8,0.6-4,1.6-4.8c0.4-0.3,0.8-0.4,1.2-0.4c0.4,0,0.8,0.1,1.2,0.4 c1,0.8,1.8,2,1.6,4.8c0,0.3,0.2,0.6,0.5,0.7l1.4,0.8C21.8,22.9,21,26,20,28.9z M22,13.4C22,13.4,22,13.4,22,13.4 c-0.6-0.5-1.3-0.7-2-0.7c-0.7,0-1.4,0.2-2,0.7c0,0,0,0,0,0C14.5,11.8,9.5,7.6,8.4,4c0.6,1,2,2,3,2c0.3-0.3,0.7-0.6,1-0.9 c0.9-0.7,1.8-1.3,2.8-1.7c1.5-0.6,3.1-0.9,4.8-1c1.7,0,3.3,0.4,4.8,1c1,0.4,1.9,1,2.8,1.7c0.4,0.3,0.7,0.6,1,0.9c0.9,0,2.3-1,3-2 C30.5,7.6,25.5,11.8,22,13.4z> /path> /symbol> symbol idicon-96fc68818d10374399c6dcf28fe98f75 viewbox0 0 40 40> path dM34,9.6l-4.9,22.9c-0.3,1.6-1.3,2-2.7,1.2L19,28.3l-3.6,3.5c-0.3,0.4-0.7,0.8-1.5,0.8l0.4-7.6l0,0l-0.1,0 l13.9-12.4c0.7-0.6-0.1-0.8-0.9-0.3L10.2,22.9l-7.4-2.3c-1.7-0.4-1.7-1.6,0.3-2.3l28.8-11C33.2,6.7,34.5,7.6,34,9.6z> /path> /symbol> /svg> div idmodal> div idmodal-content> button idcontinue-button stylefont-family:Dela Gothic One, cursive;>Join $TTT/button> audio idbackground-music srcimages/technoturtle.mp3 preloadauto>/audio> /div>/div> div idwrapper> div idmain> div classinner> nav idbt-menu classbt-menu> a href# classbt-menu-trigger>span>Menu/span>/a> ul> li>a href./images/Techno-Turtle-Token.pdf target_blank>Whitepaper/a>/li> li>a href#token>Tokenomics/a>/li> li>a hrefhttps://raydium.io/swap/?inputMintsol&outputMintFDrGEuzaBHooyXSbBUShM2xhvQQNSr9RMQyrQq4tXKeD>BUY ($TTT)/a>/li> /ul> ul> li>a hrefhttps://x.com/technoturtleTTT>i classbi bi-twitter-x stylefont-size: 20px; color: white;>/i>/a>/li> li>a hrefhttps://t.me/technoturtletoken>i classbi bi-telegram stylefont-size: 20px; color: white;>/i>/a>/li> /ul> div classbt-overlay>/div> /nav> div idimage01 classstyle3 image>span classframe rotate>img srcimages/images-image01.jpg alt>/span>/div> p idtext04 classstyle1>strong>TECHNO TURTLE br>SOLANA TOKEN br>($TTT)/strong>/p> hr iddivider03 classstyle2> div idcontainer01 classstyle2 container default> div classwrapper> div classinner> h2 idtext01 classstyle3>Your Daily Dose of Techno Vibes and Meme Magic!/h2> p idtext03 classstyle2>Join the Shell-ebration! Discover the Ultimate Fusion of Techno Beats and Turtle Power on Solana BLOCKCHAIN./p> h2 idtext13 classstyle3>Welcome to br>-strong>Techno Turtle ($TTT)/strong>-br>/h2> /div> /div> /div> hr iddivider10 classstyle2> ul idbuttons01 classstyle1 buttons> li>a href#start classbutton n01>svg aria-labelledbyicon-title> title idicon-title>Chevron Down/title> use xlink:href#icon-539e8a7dd31ef103fa8a43b109673d75>/use> /svg>span classlabel>HOW TO BUY?/span>/a>/li> /ul> hr iddivider02 classstyle1> div idcontainer02 data-scroll-idstart data-scroll-behaviorcenter data-scroll-offset0 data-scroll-speed5 data-scroll-invisible1 classstyle1 container columns> div classwrapper> div classinner> div> h2 idtext05 classstyle3>Create a Wallet/h2> p idtext06 classstyle2>Download Phantom Wallet or your wallet of choice from the app store or google play store for free. Desktop users, download the google chrome extension, for example the Phantom extension for google chrome./p> /div> div classfull> div idimage03 classstyle1 image full data-positioncenter>span classframe>img srcimages/images-image03.jpg alt>/span>/div> /div> /div> /div> /div> hr iddivider13 classstyle2> ul idbuttons07 classstyle1 buttons> li>a href#step2 classbutton n01>svg aria-labelledbyicon-title> title idicon-title>Chevron Down/title> use xlink:href#icon-539e8a7dd31ef103fa8a43b109673d75>/use> /svg>span classlabel>Step 2./span>/a>/li> /ul> hr iddivider12 classstyle2> div idcontainer06 data-scroll-idstep2 data-scroll-behaviordefault data-scroll-offset0 data-scroll-speed3 classstyle2 container columns> div classwrapper> div classinner> div classfull> div idimage06 classstyle2 image full data-positiontop>span classframe>img srcimages/images-image06.jpg alt>/span>/div> /div> div> h2 idtext11 classstyle3>strong>Get some SOL/strong>/h2> p idtext12 classstyle2>Have strong>SOL/strong> in your wallet to switch to strong>$TTT/strong> If you dont have any SOL, you can buy SOL from an exchange or cross chain swap and send it to your wallet./p> /div> /div> /div> /div> hr iddivider09 classstyle2> ul idbuttons06 classstyle1 buttons> li>a href#step3 classbutton n01>svg aria-labelledbyicon-title> title idicon-title>Chevron Down/title> use xlink:href#icon-539e8a7dd31ef103fa8a43b109673d75>/use> /svg>span classlabel>Step 3./span>/a>/li> /ul> hr iddivider04 classstyle1> div idcontainer03 data-scroll-idstep3 data-scroll-behaviordefault data-scroll-offset0 data-scroll-speed3 classstyle2 container columns> div classwrapper> div classinner> div> h2 idtext07 classstyle3>Go to Raydium/h2> p idtext14 classstyle2>Connect to strong>Raydium/strong>. Go raydium.io in google chrome or on the browser inside your Phantom app. Connect your wallet. Paste the strong>$TTT/strong> token address into Raydium and confirm the swap. When Phantom prompts you for a wallet signature, sign./p> /div> div classfull> div idimage07 classstyle2 image full data-positiontop>span classframe>img srcimages/images-image07.jpg alt>/span>/div> /div> /div> /div> /div> hr iddivider14 classstyle1> ul idbuttons03 classstyle1 buttons> li>a href#step4 classbutton n01>svg aria-labelledbyicon-title> title idicon-title>Chevron Down/title> use xlink:href#icon-539e8a7dd31ef103fa8a43b109673d75>/use> /svg>span classlabel>Step 4./span>/a>/li> /ul> hr iddivider08 classstyle2> div idcontainer04 data-scroll-idstep4 data-scroll-behaviordefault data-scroll-offset0 data-scroll-speed3 classstyle2 container columns> div classwrapper> div classinner> div classfull> div idimage02 classstyle2 image full data-positiontop>span classframe>img srcimages/images-image02.jpg alt>/span>/div> /div> div> h2 idtext09 classstyle3>Swap/h2> p idtext10 classstyle4>Switch SOL for $TTT/p> /div> /div> /div> /div> hr iddivider07 classstyle2> ul idbuttons02 classstyle1 buttons> li>a hrefhttps://raydium.io/swap/?inputMintsol&outputMintFDrGEuzaBHooyXSbBUShM2xhvQQNSr9RMQyrQq4tXKeD classbutton n01>svg aria-labelledbyicon-title> title idicon-title>Star/title> use xlink:href#icon-6ee79a7585f3f3c012d0dfdbadcd1366>/use> /svg>span classlabel>BUY NOW/span>/a>/li> /ul> hr iddivider05 classstyle1> div idtoken data-scroll-idtoken data-scroll-behaviorcenter data-scroll-offset0 data-scroll-speed5 data-scroll-invisible1 stylepadding-top: 50px; margin-top: -50px;> /div> div idcontainer05 classstyle2 container default> div classwrapper> div classinner> h2 idtext02 classstyle3>span classp>Tokenomicsbr> em>26,000,000,000/em> $TTT Supply/span>span classp>Buy/Sell Tax: 0/span>/h2> p idtext08 classstyle2>span classp>strong>What is Techno Turtle ($TTT)?/strong>br> Conclusion and Call to ActionTechno Turtle Token ($TTT) represents a unique and exciting opportunity to be part of a revolutionary movement in the electronic music landscape. The project combines the power of blockchain technology with the passion for techno, creating a platform that empowers artists, engages fans, and pushes the boundaries of the digital music experience.Join us on this journey as we reshape the future of techno music. Explore the $TTT ecosystem, discover exclusive DJ set NFTs, and become an integral part of a vibrant and thriving community. By investing in Techno Turtle Token, youre not just acquiring a digital asset; youre supporting the evolution of the techno scene and contributing to a new era of digital music and art./span>/p> p idtext08 classstyle2>span classp>85% Liquidity Poolbr>5% Marketing & Community Growth br>5% DJ Artistsbr>5% Team & Advisorsbr>strong>NO PRESALE/strong>br>strong>Revoked Mint Authority/strong>br>strong>All LP tokens Burned/strong>/span>/p> div idimage04 classstyle3 image>span classframe rotate>img srcimages/images-image04.jpg alt>/span>/div> /div> /div> /div> hr iddivider06 classstyle2> p>Token Adress:br>FDrGEuzaBHooyXSbBUShM2xhvQQNSr9RMQyrQq4tXKeD/p> hr iddivider01 classstyle2> ul idicons01 classstyle1 icons> li>a classn01 hrefhttps://x.com/technoturtleTTT>svg aria-labelledbyicon-title> title idicon-title>X/title> use xlink:href#icon-31b8880d36499db40d4e47546c4763f3>/use> /svg>span classlabel>X/span>/a>/li> li>a classn02 hrefhttps://dexscreener.com/solana/9dngvizwoz4tpdlwa7xw9wfkxjta3bhk3h4ab7bb77tq>svg aria-labelledbyicon-title> title idicon-title>DEX Screener/title> use xlink:href#icon-5557319b5be740d8027eec5f790fe6fe>/use> /svg>span classlabel>DEX Screener/span>/a>/li> li>a classn03 hrefhttps://t.me/technoturtletoken>svg aria-labelledbyicon-title> title idicon-title>Telegram/title> use xlink:href#icon-96fc68818d10374399c6dcf28fe98f75>/use> /svg>span classlabel>Telegram/span>/a>/li> /ul> /div> /div> /div> script>(function () { var on addEventListener, off removeEventListener, $ function (q) { return document.querySelector(q) }, $$ function (q) { return document.querySelectorAll(q) }, $body document.body, $inner $(.inner), client (function () { var o { browser: other, browserVersion: 0, os: other, osVersion: 0, mobile: false, canUse: null, flags: { lsdUnits: false, }, }, ua navigator.userAgent, a, i; a firefox, /Firefox\/(0-9\.+)/, edge, /Edge\/(0-9\.+)/, safari, /Version\/(0-9\.+).+Safari/, chrome, /Chrome\/(0-9\.+)/, chrome, /CriOS\/(0-9\.+)/, ie, /Trident\/.+rv:(0-9+)/; for (i 0; i a.length; i++) { if (ua.match(ai1)) { o.browser ai0; o.browserVersion parseFloat(RegExp.$1); break; } } a ios, /(0-9_+) like Mac OS X/, function (v) { return v.replace(_, .).replace(_, ); }, ios, /CPU like Mac OS X/, function (v) { return 0 }, ios, /iPad; CPU/, function (v) { return 0 }, android, /Android (0-9\.+)/, null, mac, /Macintosh.+Mac OS X (0-9_+)/, function (v) { return v.replace(_, .).replace(_, ); }, windows, /Windows NT (0-9\.+)/, null, undefined, /Undefined/, null; for (i 0; i a.length; i++) { if (ua.match(ai1)) { o.os ai0; o.osVersion parseFloat(ai2 ? (ai2)(RegExp.$1) : RegExp.$1); break; } } if (o.os mac && (ontouchstart in window) && ((screen.width 1024 && screen.height 1366) || (screen.width 834 && screen.height 1112) || (screen.width 810 && screen.height 1080) || (screen.width 768 && screen.height 1024))) o.os ios; o.mobile (o.os android || o.os ios); var _canUse document.createElement(div); o.canUse function (property, value) { var style; style _canUse.style; if (!(property in style)) return false; if (typeof value ! undefined) { styleproperty value; if (styleproperty ) return false; } return true; }; o.flags.lsdUnits o.canUse(width, 100dvw); return o; }()), ready { list: , add: function (f) { this.list.push(f); }, run: function () { this.list.forEach((f) > { f(); }); }, }, trigger function (t) { dispatchEvent(new Event(t)); }, cssRules function (selectorText) { var ss document.styleSheets, a , f function (s) { var r s.cssRules, i; for (i 0; i r.length; i++) { if (ri instanceof CSSMediaRule && matchMedia(ri.conditionText).matches) (f)(ri); else if (ri instanceof CSSStyleRule && ri.selectorText selectorText) a.push(ri); } }, x, i; for (i 0; i ss.length; i++)f(ssi); return a; }, escapeHtml function (s) { if (s || s null || s undefined) return ; var a { &: &, : <, >: >, : ", : ', }; s s.replace(/&>/g, function (x) { return ax; }); return s; }, thisHash function () { var h location.hash ? location.hash.substring(1) : null, a; if (!h) return null; if (h.match(/\?/)) { a h.split(?); h a0; history.replaceState(undefined, undefined, # + h); window.location.search a1; } if (h.length > 0 && !h.match(/^a-zA-Z/)) h x + h; if (typeof h string) h h.toLowerCase(); return h; }, scrollToElement function (e, style, duration) { var y, cy, dy, start, easing, offset, f; if (!e) y 0; else { offset (e.dataset.scrollOffset ? parseInt(e.dataset.scrollOffset) : 0) * parseFloat(getComputedStyle(document.documentElement).fontSize); switch (e.dataset.scrollBehavior ? e.dataset.scrollBehavior : default) { case default: default: y e.offsetTop + offset; break; case center: if (e.offsetHeight window.innerHeight) y e.offsetTop - ((window.innerHeight - e.offsetHeight) / 2) + offset; else y e.offsetTop - offset; break; case previous: if (e.previousElementSibling) y e.previousElementSibling.offsetTop + e.previousElementSibling.offsetHeight + offset; else y e.offsetTop + offset; break; } } if (!style) style smooth; if (!duration) duration 750; if (style instant) { window.scrollTo(0, y); return; } start Date.now(); cy window.scrollY; dy y - cy; switch (style) { case linear: easing function (t) { return t }; break; case smooth: easing function (t) { return t .5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1 }; break; }f function () { var t Date.now() - start; if (t > duration) window.scroll(0, y); else { window.scroll(0, cy + (dy * easing(t / duration))); requestAnimationFrame(f); } }; f(); }, scrollToTop function () { scrollToElement(null); }, loadElements function (parent) { var a, e, x, i; a parent.querySelectorAll(iframedata-src:not(data-src)); for (i 0; i a.length; i++) { ai.contentWindow.location.replace(ai.dataset.src); ai.dataset.initialSrc ai.dataset.src; ai.dataset.src ; } a parent.querySelectorAll(videoautoplay); for (i 0; i a.length; i++) { if (ai.paused) ai.play(); } e parent.querySelector(data-autofocus1); x e ? e.tagName : null; switch (x) { case FORM: e e.querySelector(.field input, .field select, .field textarea); if (e) e.focus(); break; default: break; }a parent.querySelectorAll(unloaded-script); for (i 0; i a.length; i++) { x document.createElement(script); x.setAttribute(data-loaded, ); if (ai.getAttribute(src)) x.setAttribute(src, ai.getAttribute(src)); if (ai.textContent) x.textContent ai.textContent; ai.replaceWith(x); } x new Event(loadelements); a parent.querySelectorAll(data-unloaded); a.forEach((element) > { element.removeAttribute(data-unloaded); element.dispatchEvent(x); }); }, unloadElements function (parent) { var a, e, x, i; a parent.querySelectorAll(iframedata-src); for (i 0; i a.length; i++) { if (ai.dataset.srcUnload 0) continue; if (initialSrc in ai.dataset) ai.dataset.src ai.dataset.initialSrc; else ai.dataset.src ai.src; ai.contentWindow.location.replace(about:blank); } a parent.querySelectorAll(video); for (i 0; i a.length; i++) { if (!ai.paused) ai.pause(); } e $(:focus); if (e) e.blur(); }; window._scrollToTop scrollToTop; var thisUrl function () { return window.location.href.replace(window.location.search, ).replace(/#$/, ); }; var getVar function (name) { var a window.location.search.substring(1).split(&), b, k; for (k in a) { b ak.split(); if (b0 name) return b1; } return null; }; var errors { handle: function (handler) { window.onerror function (message, url, line, column, error) { (handler)(error.message); return true; }; }, unhandle: function () { window.onerror null; } }; var loaderTimeout setTimeout(function () { $body.classList.add(with-loader); }, 500); var loadHandler function () { setTimeout(function () { clearTimeout(loaderTimeout); $body.classList.remove(is-loading); $body.classList.add(is-playing); setTimeout(function () { $body.classList.remove(with-loader); $body.classList.remove(is-playing); $body.classList.add(is-ready); }, 125); }, 100); }; on(load, loadHandler); loadElements(document.body); (function () { var scrollPointParent function (target) { var inner; inner $(#main > .inner); while (target && target.parentElement ! inner) target target.parentElement; return target; }, scrollPointSpeed function (scrollPoint) { let x parseInt(scrollPoint.dataset.scrollSpeed); switch (x) { case 5: return 250; case 4: return 500; case 3: return 750; case 2: return 1000; case 1: return 1250; default: break; }return 750; }, doNextScrollPoint function (event) { var e, target, id; e scrollPointParent(event.target); if (!e) return; while (e && e.nextElementSibling) { e e.nextElementSibling; if (e.dataset.scrollId) { target e; id e.dataset.scrollId; break; } } if (!target || !id) return; if (target.dataset.scrollInvisible 1) scrollToElement(target, smooth, scrollPointSpeed(target)); else location.href # + id; }, doPreviousScrollPoint function (e) { var e, target, id; e scrollPointParent(event.target); if (!e) return; while (e && e.previousElementSibling) { e e.previousElementSibling; if (e.dataset.scrollId) { target e; id e.dataset.scrollId; break; } } if (!target || !id) return; if (target.dataset.scrollInvisible 1) scrollToElement(target, smooth, scrollPointSpeed(target)); else location.href # + id; }, doFirstScrollPoint function (e) { var e, target, id; e scrollPointParent(event.target); if (!e) return; while (e && e.previousElementSibling) { e e.previousElementSibling; if (e.dataset.scrollId) { target e; id e.dataset.scrollId; } } if (!target || !id) return; if (target.dataset.scrollInvisible 1) scrollToElement(target, smooth, scrollPointSpeed(target)); else location.href # + id; }, doLastScrollPoint function (e) { var e, target, id; e scrollPointParent(event.target); if (!e) return; while (e && e.nextElementSibling) { e e.nextElementSibling; if (e.dataset.scrollId) { target e; id e.dataset.scrollId; } } if (!target || !id) return; if (target.dataset.scrollInvisible 1) scrollToElement(target, smooth, scrollPointSpeed(target)); else location.href # + id; }; window._nextScrollPoint doNextScrollPoint; window._previousScrollPoint doPreviousScrollPoint; window._firstScrollPoint doFirstScrollPoint; window._lastScrollPoint doLastScrollPoint; window._scrollToTop function () { scrollToElement(null); if (window.location.hash) { history.pushState(null, null, .); } }; if (scrollRestoration in history) history.scrollRestoration manual; on(load, function () { var initialScrollPoint, h; h thisHash(); if (h && !h.match(/^a-zA-Z0-9\-+$/)) h null; initialScrollPoint $(data-scroll-id + h + ); if (initialScrollPoint) scrollToElement(initialScrollPoint, instant); }); on(hashchange, function (event) { var scrollPoint, h, pos; h thisHash(); if (h && !h.match(/^a-zA-Z0-9\-+$/)) return false; scrollPoint $(data-scroll-id + h + ); if (scrollPoint) scrollToElement(scrollPoint, smooth, scrollPointSpeed(scrollPoint)); else scrollToElement(null); return false; }); on(click, function (event) { var t event.target, tagName t.tagName.toUpperCase(), scrollPoint; switch (tagName) { case IMG: case SVG: case USE: case U: case STRONG: case EM: case CODE: case S: case MARK: case SPAN: while (!!(t t.parentElement)) if (t.tagName A) break; if (!t) return; break; default: break; }if (t.tagName A && t.getAttribute(href) ! null && t.getAttribute(href).substr(0, 1) #) { if (!!(scrollPoint $(data-scroll-id + t.hash.substr(1) + data-scroll-invisible1))) { event.preventDefault(); scrollToElement(scrollPoint, smooth, scrollPointSpeed(scrollPoint)); } else if (t.hash window.location.hash) { event.preventDefault(); history.replaceState(undefined, undefined, #); location.replace(t.hash); } } }); })(); var style, sheet, rule; style document.createElement(style); style.appendChild(document.createTextNode()); document.head.appendChild(style); sheet style.sheet; if (client.mobile) { (function () { if (client.flags.lsdUnits) { document.documentElement.style.setProperty(--viewport-height, 100svh); document.documentElement.style.setProperty(--background-height, 100lvh); } else { var f function () { document.documentElement.style.setProperty(--viewport-height, window.innerHeight + px); document.documentElement.style.setProperty(--background-height, (window.innerHeight + 250) + px); }; on(load, f); on(orientationchange, function () { setTimeout(function () { (f)(); }, 100); }); } })(); } if (client.os android) { (function () { sheet.insertRule(body::after { }, 0); rule sheet.cssRules0; var f function () { rule.style.cssText height: + (Math.max(screen.width, screen.height)) + px; }; on(load, f); on(orientationchange, f); on(touchmove, f); })(); $body.classList.add(is-touch); } else if (client.os ios) { if (client.osVersion 11) (function () { sheet.insertRule(body::after { }, 0); rule sheet.cssRules0; rule.style.cssText -webkit-transform: scale(1.0); })(); if (client.osVersion 11) (function () { sheet.insertRule(body.ios-focus-fix::before { }, 0); rule sheet.cssRules0; rule.style.cssText height: calc(100% + 60px); on(focus, function (event) { $body.classList.add(ios-focus-fix); }, true); on(blur, function (event) { $body.classList.remove(ios-focus-fix); }, true); })(); $body.classList.add(is-touch); } var scrollEvents { items: , add: function (o) { this.items.push({ element: o.element, triggerElement: ((triggerElement in o && o.triggerElement) ? o.triggerElement : o.element), enter: (enter in o ? o.enter : null), leave: (leave in o ? o.leave : null), mode: (mode in o ? o.mode : 4), threshold: (threshold in o ? o.threshold : 0.25), offset: (offset in o ? o.offset : 0), initialState: (initialState in o ? o.initialState : null), state: false, }); }, handler: function () { var height, top, bottom, scrollPad; if (client.os ios) { height document.documentElement.clientHeight; top document.body.scrollTop + window.scrollY; bottom top + height; scrollPad 125; } else { height document.documentElement.clientHeight; top document.documentElement.scrollTop; bottom top + height; scrollPad 0; } scrollEvents.items.forEach(function (item) { var elementTop, elementBottom, viewportTop, viewportBottom, bcr, pad, state, a, b; if (!item.enter && !item.leave) return true; if (!item.triggerElement) return true; if (item.triggerElement.offsetParent null) { if (item.state true && item.leave) { item.state false; (item.leave).apply(item.element); if (!item.enter) item.leave null; } return true; } bcr item.triggerElement.getBoundingClientRect(); elementTop top + Math.floor(bcr.top); elementBottom elementTop + bcr.height; if (item.initialState ! null) { state item.initialState; item.initialState null; } else { switch (item.mode) { case 1: default: state (bottom > (elementTop - item.offset) && top (elementBottom + item.offset)); break; case 2: a (top + (height * 0.5)); state (a > (elementTop - item.offset) && a (elementBottom + item.offset)); break; case 3: a top + (height * (item.threshold)); if (a - (height * 0.375) 0) a 0; b top + (height * (1 - item.threshold)); if (b + (height * 0.375) > document.body.scrollHeight - scrollPad) b document.body.scrollHeight + scrollPad; state (b > (elementTop - item.offset) && a (elementBottom + item.offset)); break; case 4: pad height * item.threshold; viewportTop (top + pad); viewportBottom (bottom - pad); if (Math.floor(top) pad) viewportTop top; if (Math.ceil(bottom) > (document.body.scrollHeight - pad)) viewportBottom bottom; if ((viewportBottom - viewportTop) > (elementBottom - elementTop)) { state ((elementTop > viewportTop && elementBottom viewportBottom) || (elementTop > viewportTop && elementTop viewportBottom) || (elementBottom > viewportTop && elementBottom viewportBottom)); } else state ((viewportTop > elementTop && viewportBottom elementBottom) || (elementTop > viewportTop && elementTop viewportBottom) || (elementBottom > viewportTop && elementBottom viewportBottom)); break; } } if (state ! item.state) { item.state state; if (item.state) { if (item.enter) { (item.enter).apply(item.element); if (!item.leave) item.enter null; } } else { if (item.leave) { (item.leave).apply(item.element); if (!item.enter) item.leave null; } } } }); }, init: function () { on(load, this.handler); on(resize, this.handler); on(scroll, this.handler); (this.handler)(); } }; scrollEvents.init(); var onvisible { effects: { blur-in: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + filter + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.opacity 0; this.style.filter blur( + (0.25 * intensity) + rem); }, play: function () { this.style.opacity 1; this.style.filter none; }, }, zoom-in: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transform scale( + (1 - ((alt ? 0.25 : 0.05) * intensity)) + ); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, zoom-out: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transform scale( + (1 + ((alt ? 0.25 : 0.05) * intensity)) + ); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, slide-left: { type: transition, transition: function (speed, delay) { return transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function () { this.style.transform translateX(100vw); }, play: function () { this.style.transform none; }, }, slide-right: { type: transition, transition: function (speed, delay) { return transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function () { this.style.transform translateX(-100vw); }, play: function () { this.style.transform none; }, }, flip-forward: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transformOrigin 50% 50%; this.style.transform perspective(1000px) rotateX( + ((alt ? 45 : 15) * intensity) + deg); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, flip-backward: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transformOrigin 50% 50%; this.style.transform perspective(1000px) rotateX( + ((alt ? -45 : -15) * intensity) + deg); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, flip-left: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transformOrigin 50% 50%; this.style.transform perspective(1000px) rotateY( + ((alt ? 45 : 15) * intensity) + deg); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, flip-right: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transformOrigin 50% 50%; this.style.transform perspective(1000px) rotateY( + ((alt ? -45 : -15) * intensity) + deg); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, tilt-left: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transform rotate( + ((alt ? 45 : 5) * intensity) + deg); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, tilt-right: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity, alt) { this.style.opacity 0; this.style.transform rotate( + ((alt ? -45 : -5) * intensity) + deg); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, fade-right: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.opacity 0; this.style.transform translateX( + (-1.5 * intensity) + rem); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, fade-left: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.opacity 0; this.style.transform translateX( + (1.5 * intensity) + rem); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, fade-down: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.opacity 0; this.style.transform translateY( + (-1.5 * intensity) + rem); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, fade-up: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ) + , + transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.opacity 0; this.style.transform translateY( + (1.5 * intensity) + rem); }, play: function () { this.style.opacity 1; this.style.transform none; }, }, fade-in: { type: transition, transition: function (speed, delay) { return opacity + speed + s ease + (delay ? + delay + s : ); }, rewind: function () { this.style.opacity 0; }, play: function () { this.style.opacity 1; }, }, fade-in-background: { type: manual, rewind: function () { this.style.removeProperty(--onvisible-delay); this.style.removeProperty(--onvisible-background-color); }, play: function (speed, delay) { this.style.setProperty(--onvisible-speed, speed + s); if (delay) this.style.setProperty(--onvisible-delay, delay + s); this.style.setProperty(--onvisible-background-color, rgba(0,0,0,0.001)); }, }, zoom-in-image: { type: transition, target: img, transition: function (speed, delay) { return transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function () { this.style.transform scale(1); }, play: function (intensity) { this.style.transform scale( + (1 + (0.1 * intensity)) + ); }, }, zoom-out-image: { type: transition, target: img, transition: function (speed, delay) { return transform + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.transform scale( + (1 + (0.1 * intensity)) + ); }, play: function () { this.style.transform none; }, }, focus-image: { type: transition, target: img, transition: function (speed, delay) { return transform + speed + s ease + (delay ? + delay + s : ) + , + filter + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.transform scale( + (1 + (0.05 * intensity)) + ); this.style.filter blur( + (0.25 * intensity) + rem); }, play: function (intensity) { this.style.transform none; this.style.filter none; }, }, wipe-up: { type: transition, transition: function (speed, delay) { return mask-size + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.maskComposite exclude; this.style.maskRepeat no-repeat; this.style.maskImage linear-gradient(0deg, black 100%, transparent 100%); this.style.maskPosition 0% 100%; this.style.maskSize 100% 0%; }, play: function () { this.style.maskSize 110% 110%; }, }, wipe-down: { type: transition, transition: function (speed, delay) { return mask-size + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.maskComposite exclude; this.style.maskRepeat no-repeat; this.style.maskImage linear-gradient(0deg, black 100%, transparent 100%); this.style.maskPosition 0% 0%; this.style.maskSize 100% 0%; }, play: function () { this.style.maskSize 110% 110%; }, }, wipe-left: { type: transition, transition: function (speed, delay) { return mask-size + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.maskComposite exclude; this.style.maskRepeat no-repeat; this.style.maskImage linear-gradient(90deg, black 100%, transparent 100%); this.style.maskPosition 100% 0%; this.style.maskSize 0% 100%; }, play: function () { this.style.maskSize 110% 110%; }, }, wipe-right: { type: transition, transition: function (speed, delay) { return mask-size + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.maskComposite exclude; this.style.maskRepeat no-repeat; this.style.maskImage linear-gradient(90deg, black 100%, transparent 100%); this.style.maskPosition 0% 0%; this.style.maskSize 0% 100%; }, play: function () { this.style.maskSize 110% 110%; }, }, wipe-diagonal: { type: transition, transition: function (speed, delay) { return mask-size + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.maskComposite exclude; this.style.maskRepeat no-repeat; this.style.maskImage linear-gradient(45deg, black 50%, transparent 50%); this.style.maskPosition 0% 100%; this.style.maskSize 0% 0%; }, play: function () { this.style.maskSize 220% 220%; }, }, wipe-reverse-diagonal: { type: transition, transition: function (speed, delay) { return mask-size + speed + s ease + (delay ? + delay + s : ); }, rewind: function (intensity) { this.style.maskComposite exclude; this.style.maskRepeat no-repeat; this.style.maskImage linear-gradient(135deg, transparent 50%, black 50%); this.style.maskPosition 100% 100%; this.style.maskSize 0% 0%; }, play: function () { this.style.maskSize 220% 220%; }, }, pop-in: { type: animate, keyframes: function (intensity) { let diff (intensity + 1) * 0.025; return { opacity: 0, transform: scale( + (1 - diff) + ), }, { opacity: 1, transform: scale( + (1 + diff) + ), }, { opacity: 1, transform: scale( + (1 - (diff * 0.25)) + ), offset: 0.9, }, { opacity: 1, transform: scale(1), }; }, options: function (speed) { return { duration: speed, iterations: 1, }; }, rewind: function () { this.style.opacity 0; }, play: function () { this.style.opacity 1; }, }, bounce-up: { type: animate, keyframes: function (intensity) { let diff (intensity + 1) * 0.075; return { opacity: 0, transform: translateY( + diff + rem), }, { opacity: 1, transform: translateY( + (-1 * diff) + rem), }, { opacity: 1, transform: translateY( + (diff * 0.25) + rem), offset: 0.9, }, { opacity: 1, transform: translateY(0), }; }, options: function (speed) { return { duration: speed, iterations: 1, }; }, rewind: function () { this.style.opacity 0; }, play: function () { this.style.opacity 1; }, }, bounce-down: { type: animate, keyframes: function (intensity) { let diff (intensity + 1) * 0.075; return { opacity: 0, transform: translateY( + (-1 * diff) + rem), }, { opacity: 1, transform: translateY( + diff + rem), }, { opacity: 1, transform: translateY( + (-1 * (diff * 0.25)) + rem), offset: 0.9, }, { opacity: 1, transform: translateY(0), }; }, options: function (speed) { return { duration: speed, iterations: 1, }; }, rewind: function () { this.style.opacity 0; }, play: function () { this.style.opacity 1; }, }, bounce-left: { type: animate, keyframes: function (intensity) { let diff (intensity + 1) * 0.075; return { opacity: 0, transform: translateX( + diff + rem), }, { opacity: 1, transform: translateX( + (-1 * diff) + rem), }, { opacity: 1, transform: translateX( + (diff * 0.25) + rem), offset: 0.9, }, { opacity: 1, transform: translateX(0), }; }, options: function (speed) { return { duration: speed, iterations: 1, }; }, rewind: function () { this.style.opacity 0; }, play: function () { this.style.opacity 1; }, }, bounce-right: { type: animate, keyframes: function (intensity) { let diff (intensity + 1) * 0.075; return { opacity: 0, transform: translateX( + (-1 * diff) + rem), }, { opacity: 1, transform: translateX( + diff + rem), }, { opacity: 1, transform: translateX( + (-1 * (diff * 0.25)) + rem), offset: 0.9, }, { opacity: 1, transform: translateX(0), }; }, options: function (speed) { return { duration: speed, iterations: 1, }; }, rewind: function () { this.style.opacity 0; }, play: function () { this.style.opacity 1; }, }, }, regex: new RegExp((^\\s+), g), add: function (selector, settings) { var _this this, style settings.style in this.effects ? settings.style : fade, speed parseInt(speed in settings ? settings.speed : 0), intensity parseInt(intensity in settings ? settings.intensity : 5), delay parseInt(delay in settings ? settings.delay : 0), replay replay in settings ? settings.replay : false, stagger stagger in settings ? (parseInt(settings.stagger) > 0 ? parseInt(settings.stagger) : false) : false, staggerOrder staggerOrder in settings ? settings.staggerOrder : default, staggerSelector staggerSelector in settings ? settings.staggerSelector : null, threshold parseInt(threshold in settings ? settings.threshold : 3), state state in settings ? settings.state : null, effect this.effectsstyle, enter, leave, scrollEventThreshold; if (window.CARRD_DISABLE_ANIMATION true) { if (style fade-in-background) $$(selector).forEach(function (e) { e.style.setProperty(--onvisible-background-color, rgba(0,0,0,0.001)); }); return; } switch (threshold) { case 1: scrollEventThreshold 0; break; case 2: scrollEventThreshold 0.125; break; default: case 3: scrollEventThreshold 0.25; break; case 4: scrollEventThreshold 0.375; break; case 5: scrollEventThreshold 0.475; break; }switch (effect.type) { default: case transition: intensity ((intensity / 10) * 1.75) + 0.25; enter function (children, staggerDelay 0) { var _this this, transitionOrig; if (effect.target) _this this.querySelector(effect.target); transitionOrig _this.style.transition; _this.style.setProperty(backface-visibility, hidden); _this.style.transition effect.transition.apply(_this, speed / 1000, (delay + staggerDelay) / 1000); effect.play.apply(_this, intensity, !!children); setTimeout(function () { _this.style.removeProperty(backface-visibility); _this.style.transition transitionOrig; }, (speed + delay + staggerDelay) * 2); }; leave function (children) { var _this this, transitionOrig; if (effect.target) _this this.querySelector(effect.target); transitionOrig _this.style.transition; _this.style.setProperty(backface-visibility, hidden); _this.style.transition effect.transition.apply(_this, speed / 1000); effect.rewind.apply(_this, intensity, !!children); setTimeout(function () { _this.style.removeProperty(backface-visibility); _this.style.transition transitionOrig; }, speed * 2); }; break; case animate: enter function (children, staggerDelay 0) { var _this this, transitionOrig; if (effect.target) _this this.querySelector(effect.target); setTimeout(() > { effect.play.apply(_this, ); _this.animate(effect.keyframes.apply(_this, intensity), effect.options.apply(_this, speed, delay)); }, delay + staggerDelay); }; leave function (children) { var _this this, transitionOrig; if (effect.target) _this this.querySelector(effect.target); let a _this.animate(effect.keyframes.apply(_this, intensity), effect.options.apply(_this, speed, delay)); a.reverse(); a.addEventListener(finish, () > { effect.rewind.apply(_this, ); }); }; break; case manual: enter function (children, staggerDelay 0) { var _this this, transitionOrig; if (effect.target) _this this.querySelector(effect.target); effect.play.apply(_this, speed / 1000, (delay + staggerDelay) / 1000, intensity); }; leave function (children) { var _this this, transitionOrig; if (effect.target) _this this.querySelector(effect.target); effect.rewind.apply(_this, intensity, !!children); }; break; }$$(selector).forEach(function (e) { var children, targetElement, triggerElement; if (stagger ! false && staggerSelector :scope > *) _this.expandTextNodes(e); children (stagger ! false && staggerSelector) ? e.querySelectorAll(staggerSelector) : null; if (effect.target) targetElement e.querySelector(effect.target); else targetElement e; if (children) children.forEach(function (targetElement) { effect.rewind.apply(targetElement, intensity, true); }); else effect.rewind.apply(targetElement, intensity); triggerElement e; if (e.parentNode) { if (e.parentNode.dataset.onvisibleTrigger) triggerElement e.parentNode; else if (e.parentNode.parentNode) { if (e.parentNode.parentNode.dataset.onvisibleTrigger) triggerElement e.parentNode.parentNode; } } scrollEvents.add({ element: e, triggerElement: triggerElement, initialState: state, threshold: scrollEventThreshold, enter: children ? function () { var staggerDelay 0, childHandler function (e) { enter.apply(e, children, staggerDelay); staggerDelay + stagger; }, a; if (staggerOrder default) { children.forEach(childHandler); } else { a Array.from(children); switch (staggerOrder) { case reverse: a.reverse(); break; case random: a.sort(function () { return Math.random() - 0.5; }); break; }a.forEach(childHandler); } } : enter, leave: (replay ? (children ? function () { children.forEach(function (e) { leave.apply(e, children); }); } : leave) : null), }); }); }, expandTextNodes: function (e) { var s, i, w, x; for (i 0; i e.childNodes.length; i++) { x e.childNodesi; if (x.nodeType ! Node.TEXT_NODE) continue; s x.nodeValue; s s.replace(this.regex, function (x, a) { return text-node> + escapeHtml(a) + ; }); w document.createElement(text-node); w.innerHTML s; x.replaceWith(w); while (w.childNodes.length > 0) { w.parentNode.insertBefore(w.childNodes0, w); } w.parentNode.removeChild(w); } }, }; onvisible.add(h1.style3, h2.style3, h3.style3, p.style3, { style: bounce-up, speed: 250, intensity: 0, threshold: 3, delay: 0, stagger: 125, staggerSelector: :scope > *, replay: false }); onvisible.add(h1.style1, h2.style1, h3.style1, p.style1, { style: fade-up, speed: 250, intensity: 0, threshold: 3, delay: 0, stagger: 125, staggerSelector: :scope > *, replay: false }); onvisible.add(.buttons.style1, { style: pop-in, speed: 750, intensity: 2, threshold: 3, delay: 0, replay: false }); onvisible.add(.image.style1, { style: zoom-out-image, speed: 250, intensity: 4, threshold: 3, delay: 0, replay: false }); onvisible.add(.image.style2, { style: zoom-out-image, speed: 250, intensity: 4, threshold: 3, delay: 0, replay: false }); onvisible.add(h1.style4, h2.style4, h3.style4, p.style4, { style: fade-up, speed: 250, intensity: 0, threshold: 3, delay: 0, stagger: 125, staggerSelector: :scope > *, replay: false }); onvisible.add(.icons.style1, { style: zoom-in, speed: 375, intensity: 1, threshold: 1, delay: 0, stagger: 0, staggerSelector: :scope > li, replay: false }); ready.run(); })();/script> script> const audioPlayer document.getElementById(audioPlayer); const muteButton document.getElementById(muteButton); // Initial button text muteButton.innerText audioPlayer.muted ? 🔊 Unmute : 🔇 Mute; muteButton.addEventListener(click, function () { audioPlayer.muted !audioPlayer.muted; muteButton.innerText audioPlayer.muted ? 🔊 Unmute : 🔇 Mute; }); /script> script> (function () { // Funktion zur Überprüfung, ob das Gerät mobil ist function mobilecheck() { var check false; (function (a) { if (/(android|ipad|playbook|silk|bbd+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge|maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)) { check true; } })(navigator.userAgent || navigator.vendor || window.opera); return check; } function init() { var menu document.getElementById(bt-menu), trigger menu.querySelector(a.bt-menu-trigger), // Eventtyp (wenn mobil, nutze Touch-Events) eventtype mobilecheck() ? touchstart : click, resetMenu function () { classie.remove(menu, bt-menu-open); classie.add(menu, bt-menu-close); }, closeClickFn function (ev) { resetMenu(); overlay.removeEventListener(eventtype, closeClickFn); }; var overlay document.createElement(div); overlay.className bt-overlay; menu.appendChild(overlay); trigger.addEventListener(eventtype, function (ev) { ev.stopPropagation(); ev.preventDefault(); if (classie.has(menu, bt-menu-open)) { resetMenu(); } else { classie.remove(menu, bt-menu-close); classie.add(menu, bt-menu-open); overlay.addEventListener(eventtype, closeClickFn); } }); } init(); })(); /script> script> /*! * classie - class helper functions * from bonzo https://github.com/ded/bonzo * * classie.has( elem, my-class ) -> true/false * classie.add( elem, my-new-class ) * classie.remove( elem, my-unwanted-class ) * classie.toggle( elem, my-class ) */ /*jshint browser: true, strict: true, undef: true */ /*global define: false */ (function (window) { use strict; // class helper functions from bonzo https://github.com/ded/bonzo function classReg(className) { return new RegExp((^|\\s+) + className + (\\s+|$)); } // classList support for class management // altho to be fair, the api sucks because it wont accept multiple classes at once var hasClass, addClass, removeClass; if (classList in document.documentElement) { hasClass function (elem, c) { return elem.classList.contains(c); }; addClass function (elem, c) { elem.classList.add(c); }; removeClass function (elem, c) { elem.classList.remove(c); }; } else { hasClass function (elem, c) { return classReg(c).test(elem.className); }; addClass function (elem, c) { if (!hasClass(elem, c)) { elem.className elem.className + + c; } }; removeClass function (elem, c) { elem.className elem.className.replace(classReg(c), ); }; } function toggleClass(elem, c) { var fn hasClass(elem, c) ? removeClass : addClass; fn(elem, c); } var classie { // full names hasClass: hasClass, addClass: addClass, removeClass: removeClass, toggleClass: toggleClass, // short names has: hasClass, add: addClass, remove: removeClass, toggle: toggleClass }; // transport if (typeof define function && define.amd) { // AMD define(classie); } else { // browser global window.classie classie; } })(window); /script>script>// Modal und Audio-Elemente abrufenconst modal document.getElementById(modal);const continueButton document.getElementById(continue-button);const backgroundMusic document.getElementById(background-music);// Zeige das Modal, wenn die Seite vollständig geladen istdocument.addEventListener(DOMContentLoaded, function() { modal.style.visibility visible;});// Wenn der Benutzer auf den Continue-Button klicktcontinueButton.addEventListener(click, function() { // Modal ausblenden modal.style.display none; // MP3 starten backgroundMusic.play(); // Mute-Button erstellen const muteButton document.createElement(button); muteButton.textContent Mute; muteButton.style.position fixed; muteButton.style.top 10px; muteButton.style.right 10px; muteButton.style.zIndex 1000; muteButton.style.padding 10px; muteButton.style.backgroundColor #333; muteButton.style.color #fff; muteButton.style.border none; muteButton.style.borderRadius 5px; muteButton.style.cursor pointer; // Mute-Button der Seite hinzufügen document.body.appendChild(muteButton); // Toggle-Funktion für Mute und Unmute muteButton.addEventListener(click, function() { if (backgroundMusic.muted) { backgroundMusic.muted false; muteButton.textContent Mute; } else { backgroundMusic.muted true; muteButton.textContent Unmute; } });});/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]