/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji
}
hr {
    height: 0;
    color: inherit
}
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b, strong {
    font-weight: bolder
}
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
table {
    text-indent: 0;
    border-color: inherit
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button, select {
    text-transform: none
}
[type=button], button {
    -webkit-appearance: button
}
legend {
    padding: 0
}
progress {
    vertical-align: baseline
}
summary {
    display: list-item
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}
button {
    background-color: transparent;
    background-image: none
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}
fieldset, ol, ul {
    margin: 0;
    padding: 0
}
ol, ul {
    list-style: none
}
html {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5
}
body {
    font-family: inherit;
    line-height: inherit
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid
}
hr {
    border-top-width: 1px
}
img {
    border-style: solid
}
textarea {
    resize: vertical
}
input::-moz-placeholder, textarea::-moz-placeholder {
color:#9ca3af
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#9ca3af
}
input::placeholder, textarea::placeholder {
color:#9ca3af
}
button {
    cursor: pointer
}
table {
    border-collapse: collapse
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}
a {
    color: inherit;
    text-decoration: inherit
}
button, input, optgroup, select, textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}
code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}
img, video {
    max-width: 100%;
    height: auto
}
:root {
--breakpoint:"unset"
}

@media (min-width:576px) {
:root {
--breakpoint:"sm"
}
}

@media (min-width:768px) {
:root {
--breakpoint:"md"
}
}

@media (min-width:1040px) {
:root {
--breakpoint:"lg"
}
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.bg-black {
--tw-bg-opacity:1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}
.bg-white {
--tw-bg-opacity:1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}
.bg-primary {
--tw-bg-opacity:1;
    background-color: rgba(0, 40, 251, var(--tw-bg-opacity))
}
.hover\:bg-white:hover {
--tw-bg-opacity:1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}
.hover\:bg-primary:hover {
--tw-bg-opacity:1;
    background-color: rgba(0, 40, 251, var(--tw-bg-opacity))
}
.hover\:bg-primary-darken:hover {
--tw-bg-opacity:1;
    background-color: rgba(0, 34, 213, var(--tw-bg-opacity))
}
.border-white {
--tw-border-opacity:1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}
.border-primary {
--tw-border-opacity:1;
    border-color: rgba(0, 40, 251, var(--tw-border-opacity))
}
.group:hover .group-hover\:border-white {
--tw-border-opacity:1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}
.group:hover .group-hover\:border-primary {
--tw-border-opacity:1;
    border-color: rgba(0, 40, 251, var(--tw-border-opacity))
}
.rounded-full {
    border-radius: 9999px
}
.border {
    border-width: 1px
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.table {
    display: table
}
.hidden {
    display: none
}
.group:hover .group-hover\:inline {
    display: inline
}
.group:hover .group-hover\:hidden {
    display: none
}
.flex-col {
    flex-direction: column
}
.flex-wrap {
    flex-wrap: wrap
}
.items-start {
    align-items: flex-start
}
.items-end {
    align-items: flex-end
}
.items-center {
    align-items: center
}
.group:hover .group-hover\:items-start {
    align-items: flex-start
}
.group:hover .group-hover\:items-end {
    align-items: flex-end
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.flex-grow-0 {
    flex-grow: 0
}
.flex-shrink-0 {
    flex-shrink: 0
}
.font-default {
    font-family: Formular Regular
}
.font-default-light {
    font-family: Formular Light
}
.h-12 {
    height: 12px
}
.h-25 {
    height: 25px
}
.h-50 {
    height: 50px
}
.h-70 {
    height: 70px
}
.h-175 {
    height: 175px
}
.h-340 {
    height: 340px
}
.h-full {
    height: 100%
}
.text-default {
    font-size: 30px;
    line-height: 20px
}
.text-default-sm {
    font-size: 14px;
    line-height: 14px
}
.text-default-md {
    font-size: 18px;
    line-height: 24px
}
.text-default-lg {
    font-size: 24px;
    line-height: 45px
}
.text-glyphs {
    font-size: 32px;
    line-height: 32px
}
.text-glyphs-hover {
    font-size: 100px;
    line-height: 140px
}
.leading-typetester {
    line-height: 1.1
}
.mx-0 {
    margin-left: 0;
    margin-right: 0
}
.mx-5 {
    margin-left: 5px;
    margin-right: 5px
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.-mx-5 {
    margin-left: -5px;
    margin-right: -5px
}
.mt-10 {
    margin-top: 10px
}
.mr-10 {
    margin-right: 10px
}
.mb-20 {
    margin-bottom: 20px
}
.mb-30 {
    margin-bottom: 30px
}
.mb-40 {
    margin-bottom: 40px
}
.mb-70 {
    margin-bottom: 70px
}
.mb-80 {
    margin-bottom: 80px
}
.mb-160 {
    margin-bottom: 160px
}
.max-w-480 {
    max-width: 480px
}
.max-w-full {
    max-width: 100%
}
.min-h-screen {
    min-height: 100vh
}
.min-w-105 {
    min-width: 105px
}
.min-w-240 {
    min-width: 240px
}
.opacity-0 {
    opacity: 0
}
.opacity-25 {
	/*color:blue;*/
	/*background:yellow;*/
    opacity: .90
		
}
.group:hover .group-hover\:opacity-100, .hover\:opacity-100:hover, .opacity-100 {
    opacity: 1
}
.focus\:outline-none:focus, .outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
.overflow-hidden {
    overflow: hidden
}
.overflow-x-hidden {
    overflow-x: hidden
}
.overflow-y-hidden {
    overflow-y: hidden
}
.overflow-x-scroll {
    overflow-x: scroll
}
.px-5 {
    padding-left: 5px;
    padding-right: 5px
}
.px-10 {
    padding-left: 10px;
    padding-right: 10px
}
.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}
.px-15 {
    padding-left: 15px;
    padding-right: 15px
}
.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}
.px-20 {
    padding-left: 20px;
    padding-right: 20px
}
.pb-5 {
    padding-bottom: 5px
}
.pl-15 {
    padding-left: 15px
}
.pt-20 {
    padding-top: 20px
}
.pr-35 {
    padding-right: 35px
}
.pb-90 {
    padding-bottom: 90px
}
.pb-100 {
    padding-bottom: 100px
}
.pb-110 {
    padding-bottom: 110px
}
.pointer-events-none {
    pointer-events: none
}
.pointer-events-auto {
    pointer-events: auto
}
.fixed {
    position: fixed
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.sticky {
    position: -webkit-sticky;
    position: sticky
}
.right-0 {
    right: 0
}
.bottom-0 {
    bottom: 0
}
.left-0 {
    left: 0
}
.bottom-20 {
    bottom: 20px
}
.right-25 {
    right: 25px
}
.left-1\/2 {
    left: 50%
}
* {
--tw-shadow:0 0 transparent
}
.shadow-primary {
--tw-shadow:0px 1px 12px #0028fb
}
.shadow-glyphs-hover, .shadow-primary {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}
.shadow-glyphs-hover {
--tw-shadow:0px 5px 35px #0028fb
}
.hover\:shadow-primary-hover:hover {
--tw-shadow:0px 1px 20px #0028fb;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}
* {
--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/ );
--tw-ring-offset-width:0px;
--tw-ring-offset-color:#fff;
--tw-ring-color:rgba(59,130,246,0.5);
--tw-ring-offset-shadow:0 0 transparent;
--tw-ring-shadow:0 0 transparent
}
.text-center {
    text-align: center
}
.text-black {
--tw-text-opacity:1;
    color: rgba(0, 0, 0, var(--tw-text-opacity))
}
.text-white {
--tw-text-opacity:1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.text-primary {
--tw-text-opacity:1;
    color: rgba(0, 40, 251, var(--tw-text-opacity))
}
.hover\:text-white:hover {
--tw-text-opacity:1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.hover\:text-primary:hover {
--tw-text-opacity:1;
    color: rgba(0, 40, 251, var(--tw-text-opacity))
}
.focus-within\:text-black:focus-within {
--tw-text-opacity:1;
color:rgba(0, 0, 0, var(--tw-text-opacity))
}
.focus-within\:text-white:focus-within {
--tw-text-opacity:1;
color:rgba(255, 255, 255, var(--tw-text-opacity))
}
.uppercase {
    text-transform: uppercase
}
.normal-case {
    text-transform: none
}
.tracking-tighter {
    letter-spacing: -.05em
}
.tracking-tightest {
    letter-spacing: -.01em
}
.tracking-tighter-2 {
    letter-spacing: -.03em
}
.align-middle {
    vertical-align: middle
}
.whitespace-nowrap {
    white-space: nowrap
}
.break-words {
    overflow-wrap: break-word
}
.w-0 {
    width: 0
}
.w-25 {
    width: 25px
}
.w-50 {
    width: 50px
}
.w-60 {
    width: 60px
}
.w-120 {
    width: 120px
}
.w-160 {
    width: 160px
}
.w-175 {
    width: 175px
}
.w-auto {
    width: auto
}
.w-1\/5 {
    width: 20%
}
.w-full {
    width: 100%
}
.z-10 {
    z-index: 10
}
.z-20 {
    z-index: 20
}
.z-30 {
    z-index: 30
}
.z-40 {
    z-index: 40
}
.z-50 {
    z-index: 50
}
.transform {
--tw-translate-x:0;
--tw-translate-y:0;
--tw-rotate:0;
--tw-skew-x:0;
--tw-skew-y:0;
--tw-scale-x:1;
--tw-scale-y:1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.scale-50 {
--tw-scale-x:.5;
--tw-scale-y:.5
}
.group:hover .group-hover\:scale-100 {
--tw-scale-x:1;
--tw-scale-y:1
}
.-translate-x-1\/2 {
--tw-translate-x:-50%
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}
.transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}
.transition-width {
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}
.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.duration-150 {
    transition-duration: .15s
}
.duration-300 {
    transition-duration: .3s
}
.full-vh {
    height: 100vh;
height:calc(var(--vh)*100)
}
.max-full-vh {
    max-height: 100vh;
max-height:calc(var(--vh)*100)
}

@media (min-width:1040px) {
.text-default {
    font-size: 24px;
    line-height: 32px
}
.text-default-md {
    font-size: 38px;
    line-height: 40px
}
.text-glyphs-hover {
    font-size: 200px;
    line-height: 140px
}
}

@media (min-width:576px) {
.text-default-lg {
    font-size: 5.208vw;
    line-height: 6.944vw
}
}
body {
    font-size: 24px;
    line-height: 32px;
    font-family: Formular Regular
}
[x-cloak] {
    display: none
}
.menu-container::-webkit-scrollbar {
display:none
}
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}
.range-slider:hover .slider-thumb::-webkit-slider-thumb {
height:40px;
width:40px
}
.slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.slider-thumb:focus {
    outline: none
}
.slider-thumb::-webkit-slider-runnable-track {
-webkit-appearance:none;
appearance:none;
background-color:transparent
}
.slider-thumb::-webkit-slider-thumb {
-webkit-appearance:none;
appearance:none;
--tw-bg-opacity:1;
background-color:rgba(0, 40, 251, var(--tw-bg-opacity));
border-radius:9999px;
border-style:none;
-webkit-transition-property:all;
transition-property:all;
transition-duration:.15s;
transition-timing-function:cubic-bezier(.4, 0, .2, 1);
transition-duration:.3s;
height:24px;
width:24px
}
#typetester {
    min-height: 1em
}
.plug {
    content: "";
    display: block;
    width: 100%;
    height: 120px;
    position: absolute;
    bottom: 140px;
    left: 0
}
.default .plug {
    background: linear-gradient(0deg, #fff 0, hsla(0,0%,100%,.987) 6.2%, hsla(0,0%,100%,.951) 12.2%, hsla(0,0%,100%,.896) 17.9%, hsla(0,0%,100%,.825) 23.5%, hsla(0,0%,100%,.741) 29%, hsla(0,0%,100%,.648) 34.6%, hsla(0,0%,100%,.55) 40.3%, hsla(0,0%,100%,.45) 46.2%, hsla(0,0%,100%,.352) 52.4%, hsla(0,0%,100%,.259) 59%, hsla(0,0%,100%,.175) 66%, hsla(0,0%,100%,.104) 73.5%, hsla(0,0%,100%,.049) 81.6%, hsla(0,0%,100%,.013) 90.4%, hsla(0,0%,100%,0))
}
.dark .plug {
    background: linear-gradient(0deg, #000 0, rgba(0,0,0,.987) 6.2%, rgba(0,0,0,.951) 12.2%, rgba(0,0,0,.896) 17.9%, rgba(0,0,0,.825) 23.5%, rgba(0,0,0,.741) 29%, rgba(0,0,0,.648) 34.6%, rgba(0,0,0,.55) 40.3%, rgba(0,0,0,.45) 46.2%, rgba(0,0,0,.352) 52.4%, rgba(0,0,0,.259) 59%, rgba(0,0,0,.175) 66%, rgba(0,0,0,.104) 73.5%, rgba(0,0,0,.049) 81.6%, rgba(0,0,0,.013) 90.4%, transparent)
}
.glyph:nth-child(5n+1) .glyph-hover {
    left: 0
}
.glyph:nth-child(5n) .glyph-hover {
    right: 0
}

@media (min-width:768px) {
.glyph:nth-child(5n+1) .glyph-hover {
    left: auto
}
.glyph:nth-child(5n) .glyph-hover {
    right: auto
}
.glyph:nth-child(7n+1) .glyph-hover {
    left: 0
}
.glyph:nth-child(7n) .glyph-hover {
    right: 0
}
}

@media (min-width:1040px) {
.plug {
    bottom: 160px
}
.glyph:nth-child(5n+1) .glyph-hover {
    left: auto
}
.glyph:nth-child(5n) .glyph-hover {
    right: auto
}
.glyph:nth-child(7n+1) .glyph-hover {
    left: auto
}
.glyph:nth-child(7n) .glyph-hover {
    right: auto
}
.glyph:nth-child(14n+1) .glyph-hover {
    left: 0
}
.glyph:nth-child(14n) .glyph-hover {
    right: 0
}
}
.contacts a {
    cursor: url(/src/static/cursors/hover.svg) 1 1, pointer
}
.contacts a, .contacts p {
    overflow-wrap: break-word
}
.contacts p {
    display: inline
}

@media (min-width:576px) {
.sm\:inline {
    display: inline
}
.sm\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}
.sm\:pb-60 {
    padding-bottom: 60px
}
}

@media (min-width:768px) {
.md\:hover\:bg-white:hover {
--tw-bg-opacity:1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}
.md\:hover\:bg-primary:hover {
--tw-bg-opacity:1;
    background-color: rgba(0, 40, 251, var(--tw-bg-opacity))
}
.group:hover .md\:group-hover\:border-white {
--tw-border-opacity:1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity))
}
.group:hover .md\:group-hover\:border-primary {
--tw-border-opacity:1;
    border-color: rgba(0, 40, 251, var(--tw-border-opacity))
}
.group:hover .md\:group-hover\:items-start {
    align-items: flex-start
}
.group:hover .md\:group-hover\:items-end {
    align-items: flex-end
}
.md\:min-w-160 {
    min-width: 160px
}
.md\:px-20 {
    padding-left: 20px;
    padding-right: 20px
}
.md\:hover\:shadow-primary-hover:hover {
--tw-shadow:0px 1px 20px #0028fb;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow)
}
.md\:hover\:text-white:hover {
--tw-text-opacity:1;
    color: rgba(255, 255, 255, var(--tw-text-opacity))
}
.md\:hover\:text-primary:hover {
--tw-text-opacity:1;
    color: rgba(0, 40, 251, var(--tw-text-opacity))
}
.md\:w-2\/14 {
    width: 14.285714286%
}
}

@media (min-width:1040px) {
.lg\:block {
    display: block
}
.lg\:hidden {
    display: none
}
.lg\:h-15 {
    height: 15px
}
.lg\:h-30 {
    height: 30px
}
.lg\:h-60 {
    height: 60px
}
.lg\:h-100 {
    height: 100px
}
.lg\:h-330 {
    height: 330px
}
.lg\:h-495 {
    height: 495px
}
.lg\:mb-10 {
    margin-bottom: 10px
}
.lg\:mb-90 {
    margin-bottom: 90px
}
.lg\:mb-100 {
    margin-bottom: 100px
}
.lg\:mb-150 {
    margin-bottom: 150px
}
.lg\:mb-200 {
    margin-bottom: 200px
}
.lg\:mb-230 {
    margin-bottom: 230px
}
.lg\:min-w-60 {
    min-width: 60px
}
.lg\:min-w-250 {
    min-width: 250px
}
.lg\:px-0 {
    padding-left: 0;
    padding-right: 0
}
.lg\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}
.lg\:pb-110 {
    padding-bottom: 110px
}
.lg\:static {
    position: static
}
.lg\:left-0 {
    left: 0
}
.lg\:w-30 {
    width: 30px
}
.lg\:w-60 {
    width: 60px
}
.lg\:w-70 {
    width: 70px
}
.lg\:w-240 {
    width: 240px
}
.lg\:w-330 {
    width: 330px
}
.lg\:w-auto {
    width: auto
}
.lg\:w-1\/14 {
    width: 7.14285714%
}
.lg\:-translate-x-0 {
--tw-translate-x:0px
}
}
/**/

  marquee{
      font-size: 20px;
      font-weight: 800;
      color: #00FF23;
      
      }