/*Omnilux Limited Website CSS*/
html, body {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        height: 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
    }

    input[type="text"], input[type="email"], select, textarea {
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance:none
    }

    *, * :before, * :after {
        box-sizing: content-box;
    }
/*background gradient*/
    body {
        min-width: 320px;
        line-height: 1.0;
        word-wrap: break-word;
        overflow-x: hidden;
        background: linear-gradient(-135deg, #5168d8, #a25fd1, #da53bd, #ff4f9f, #ff5c7c, #ff7758, #ff9933, #ffba08);
	    background-size: 200% 200%;
	    animation: gradient 20s ease infinite;
	    height: 100vh;
}

    :root {
        --site-language-direction: ltr;
        --site-language-alignment: left;
        --viewport-height: 100vh;
        --background-height: 100vh;
    }

    html {
        font-size: 18pt;
    }

    u {
        text-decoration: underline;
    }

    strong {
        color: inherit;
        font-weight: bolder;
    }

    em {
        font-style: italic;
    }

    code {
        font-family: 'Lucida Console', 'Courier New', monospace;
        font-weight: normal;
        text-indent: 0;
        letter-spacing: 0;
        font-size: 0.9em;
        margin: 0 0.25em;
        padding: 0.25em 0.5em;
        background-color: rgba(144, 144, 144, 0.25);
        border-radius: 0.25em;
    }

    mark {
        background-color: rgba(144, 144, 144, 0.25);
    }

    s {
        text-decoration: line-through;
    }

    a {
        color: inherit;
        text-decoration: underline;
        transition: color 0.25s ease;
    }
/*site fade in*/
    #wrapper {
        -webkit-overflow-scrolling: touch;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100vh;
        position: relative;
        z-index: 2;
        overflow: hidden;
        animation: fadein 1.5s;
        -moz-animation: fadein 1.5s; /* Firefox */
        -webkit-animation: fadein 1.5s; /* Safari and Chrome */
        -o-animation: fadein 1.5s; /* Opera */
    }

    #main {
        display: flex;
        position: relative;
        max-width: 100%;
        z-index: 1;
        align-items: center;
        justify-content: center;
        flex-grow: 0;
        flex-shrink: 0;
        text-align: center;
        transition: opacity 1.125s ease 0s, transform 1.125s ease 0s;
        flex: 0.959;
    }

    #main > .inner {
        position: relative;
        z-index: 1;
        border-radius: inherit;
        padding: 1.25rem 1rem;
        max-width: 100%;
        width: 26rem;
    }

    #main > .inner > * {
        margin-top: 0.625rem;
        margin-bottom: 0.625rem;
        transition: opacity 1s ease-in-out 0s;
    }

    #main > .inner > :first-child {
        margin-top: 0 !important;
    }

    #main > .inner > :last-child {
        margin-bottom: 0 !important;
    }

    #main > .inner > .full {
        margin-left: calc(-1rem);
        width: calc(100% + 2rem + 0.4725px);
        max-width: calc(100% + 2rem + 0.4725px);
    }

    #main > .inner > .full:first-child {
        margin-top: -1.25rem !important;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    #main > .inner > .full:last-child {
        margin-bottom: -1.25rem !important;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    #main > .inner > .full.screen {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        border-radius: 0 !important;
        left: 50%;
        right: auto;
        margin-left: -50vw;
    }

    body.is-loading #main {
        opacity: 0;
        transform: scale(0.94375);
    }

    body.is-loading #main > .inner > * {
        opacity: 0;
    }

    #main > .inner > :nth-child(2) {
        transition-delay: 0.125s;
    }

    #main > .inner > :nth-child(3) {
        transition-delay: 0.25s;
    }

    #main > .inner > :nth-child(4) {
        transition-delay: 0.375s;
    }

    #main > .inner > :nth-child(5) {
        transition-delay: 0.5s;
    }

    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;
    }

    .image {
        position: relative;
        max-width: 100%;
        display: block;
    }

    .image .frame {
        width: 100%;
        max-width: 100%;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        filter: brightness(0) invert(1);
        }

    .image .frame img {
        width: inherit;
        max-width: 100%;
        vertical-align: top;
        border-radius: 0 !important;
    }

    .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;
    }
        
    h1, h2, h3, p {
        direction: var(--site-language-direction);
    }

    h1 br + br, h2 br + br, h3 br + br, p br + br {
        display: block;
        content: ' ';
    }

    h1 .li, h2 .li, h3 .li, p .li {
        display: list-item;
        padding-left: 0.5em;
        margin: 0.75em 0 0 1em;
    }

    #title br + br {
        margin-top: 0.9rem;
    }

    #title {
        color: #FFFFFF;
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: -0.075rem;
        width: 100%;
        font-size: 3.25em;
        line-height: 1.5;
        font-weight: 200;
    }

    #title a {
        text-decoration: underline;
    }

    #title a:hover {
        text-decoration: none;
    }

    #text01 br + br {
        margin-top: 1.05rem;
    }

    #text01 {
        color: #E8E9ED;
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: -0.025rem;
        width: 100%;
        font-size: 1.25em;
        line-height: 1.75;
        font-weight: 200;
    }

    #text01 a {
        text-decoration: none;
    }

    #text01 a:hover {
        text-decoration: none;
    }

    hr {
        width: 100%;
        position: relative;
        padding: 0;
        border: 0;
    }

    hr:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
    }

    #divider01:not(:first-child) {
        margin-top: 1.125rem !important;
    }

    #divider01:not(:last-child) {
        margin-bottom: 1.125rem !important;
    }

    #divider01:before {
        width: 100%;
        border-top: solid 1px rgba(255, 255, 255, 0.141);
        height: 1px;
        margin-top: -0.5px;
    }

    .icons {
        cursor: default;
        padding: 0;
        letter-spacing: 0;
    }

    .icons li {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 1;
    }

    .icons li a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icons li a svg {
        display: block;
        position: relative;
    }

    .icons li a + svg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        pointer-events: none;
    }

    .icons li a .label {
        display: none;
    }

    #icons01 {
        font-size: 1.5em;
        width: calc(100% + 1.125rem);
        margin-left: -0.5625rem;
    }

    #icons01 li {
        margin: 0.5625rem;
    }

    #icons01 li a {
        border-radius: 100%;
        width: 2em;
        height: 2em;
        transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
    }

    #icons01 li a svg {
        width: 60%;
        height: 60%;
        transition: fill 0.25s ease;
    }

    #icons01 a svg {
        fill: #E8E9ED;
    }

    #icons01 a {
        border: solid 1px #E8E9ED;
    }

    #icons01 a:hover {
        border-color: #FFFFFF !important;
    }

    #icons01 a:hover svg {
        fill: #FFFFFF !important;
    }

    #icons01 li a + svg {
        transition: fill 0.25s ease, stroke 0.25s ease;
    }

    #footer {
        display: flex;
        align-items: center;
        text-align: center;
        color: #E8E9ED;
        font-family: 'Source Sans Pro', sans-serif;
        letter-spacing: -0.025rem;
        font-size: 0.80em;
}

    @media (max-width: 1680px) {
        html {
            font-size: 13pt;
        }
    }

    @media (max-width: 1280px) {
        html {
            font-size: 13pt;
        }
    }

    @media (max-width: 980px) {
        html {
            font-size: 11pt;
        }
    }

    @media (max-width: 736px) {
        html {
            font-size: 11pt;
        }

        #main {
            text-align: center;
        }

        #main h1, #main h2, #main h3, #main p {
            text-align: inherit;
        }

        #main > .inner {
            padding: 1.25rem 1rem;
        }

        #main > .inner > * {
            margin-top: 0.625rem;
            margin-bottom: 0.625rem;
        }

        #main > .inner > .full {
            margin-left: calc(-1rem);
            width: calc(100% + 2rem + 0.4725px);
            max-width: calc(100% + 2rem + 0.4725px);
        }

        #main > .inner > .full:first-child {
            margin-top: -1.25rem !important;
        }

        #main > .inner > .full:last-child {
            margin-bottom: -1.25rem !important;
        }

        #main > .inner > .full.screen {
            margin-left: -50vw;
        }

        #image01 .frame {
            width: 25rem;
        }
        
        #title {
            letter-spacing: -0.065625rem;
            width: 100%;
            font-size: 3em;
            line-height: 1.5;
        }

        #text01 {
            letter-spacing: -0.021875rem;
            width: 100%;
            font-size: 1.25em;
            line-height: 1.75;
        }

        #divider01:not(:first-child) {
            margin-top: 1.125rem !important;
        }

        #divider01:not(:last-child) {
            margin-bottom: 1.125rem !important;
        }

        #divider01:before {
            width: 100rem;
        }

        #icons01 {
            font-size: 1.5em;
            width: calc(100% + 1.125rem);
            margin-left: -0.5625rem;
        }

        #icons01 li {
            margin: 0.5625rem;
        }
    }

    @media (max-width: 480px) {
        #main > .inner > * {
            margin-top: 0.546875rem;
            margin-bottom: 0.546875rem;
        }
        
        #divider01:before {
            width: 24rem;
    }
}

    @media (max-width: 375px) {
        #main > .inner {
            padding: 0.9375rem 0.75rem;
        }

        #main > .inner > * {
            margin-top: 0.46875rem;
            margin-bottom: 0.46875rem;
        }

        #main > .inner > .full {
            margin-left: calc(-0.75rem);
            width: calc(100% + 1.5rem + 0.4725px);
            max-width: calc(100% + 1.5rem + 0.4725px);
        }

        #main > .inner > .full:first-child {
            margin-top: -0.9375rem !important;
        }

        #main > .inner > .full:last-child {
            margin-bottom: -0.9375rem !important;
        }

        #main > .inner > .full.screen {
            margin-left: -50vw;
        }
        
        #image01 .frame {
            width: 23rem;
        }

        #title {
            font-size: 3em;
        }

        #text01 {
            font-size: 1.23em;
        }
        
        #divider01:before {
            width: 23.6rem;
        }
        
        #icons01 {
            width: calc(100% + 0.84375rem);
            margin-left: -0.421875rem;
        }

        #icons01 li {
            margin: 0.421875rem;
        }
        }
/*background gradient animation*/    
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/*site fade in animation*/
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes fadein {

  /* Firefox */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadein {

  /* Safari and Chrome */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadein {

  /* Opera */
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
<noscript>
        body {
            overflow: auto !important;
        }

        #main {
            opacity: 1.0 !important;
            transform: none !important;
            transition: none !important;
            filter: none !important;
        }

        #main > .inner > * {
            opacity: 1.0 !important;
            transform: none !important;
            transition: none !important;
            filter: none !important;
        }
</noscript>