@charset "UTF-8";

/*
Theme Name: Monark Studios
Theme URI: https://monark-studios.com/wp-content/themes/monark-studios/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
/*--------------------------------------------------------------
 TABLE OF CONTENTS:
----------------------------------------------------------------
 CSS Reset
 Document Setup
 Header
 Homepage
 Footer
 Media-Queries
--------------------------------------------------------------*/
/*----CSS Reset----*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*margin:0;padding:0;*/
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Archivo' !important;
    font-style: normal;
    color: #101417;
    line-height: 1;
    background: #f7f7f6;
    /*opacity: 1;
    background-image:  radial-gradient(#a945f7 0.5px, transparent 0.5px), radial-gradient(#a945f7 0.5px, #fff 0.5px);
    background-size: 20px 20px;
    background-position: 0 0,10px 10px;*/
    position: relative;
}

button::-moz-focus-inner {
    border: 0;
}

ol, ul {
    padding-left: 0 !important;
}


/*----Document Setup----*/

@font-face {
    font-family: 'Urbanist';
    src: url('assets/fonts/Urbanist-Bold.woff2') format('woff2'),
        url('assets/fonts/Urbanist-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('assets/fonts/Urbanist-Regular.woff2') format('woff2'),
        url('assets/fonts/Urbanist-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('assets/fonts/Urbanist-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Urbanist-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('assets/fonts/Urbanist-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Urbanist-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('assets/fonts/Urbanist-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/Urbanist-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Urbanist';
    src: url('assets/fonts/Urbanist-Black.woff2') format('woff2'),
        url('assets/fonts/Urbanist-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('assets/fonts/Archivo-Regular.woff2') format('woff2'),
        url('assets/fonts/Archivo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Medium.woff2') format('woff2'),
        url('../fonts/Archivo-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('assets/fonts/Archivo-Bold.woff2') format('woff2'),
        url('assets/fonts/Archivo-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('assets/fonts/Archivo-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Archivo-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



button::-moz-focus-inner {
    border: 0;
}


/*----End-of-Scroll-to-Top----*/
.container {
    width: 100%;
    max-width: 100%/*1310px*/;
    padding: 0px 80px;
    margin: 0 auto;
    position: relative;
}
ul,
ol {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}
ul,
ol:after {
    clear: both;
}
.disc-type {
    list-style-type: disc !important;
    padding-left: 15px;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
a {
    text-decoration: none;
    color: inherit;
}
a:focus {
    outline: none;
}
/*a:hover {
    color: inherit;
    ransition: all .3s !important;
}*/
.clrfix:after {
    content: "";
    display: block;
    clear: both;
}
figure {
    margin: 0 !important;
    position: relative;
}
section, article, .pos-r {
    position: relative;
}
.light-font {
    font-weight: 300;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.item-center {
    margin: 0 auto;
}
.item{
    position: relative;
    display: block;
}
img {
    max-width: 100%;
    width: auto;
    display: block;
    height: auto;
}
.max-gap {
    margin: 110px 0 0;
}
.max-pad {
    padding: 110px 0;
}
.mid-gap {
    margin: 70px 0 0;
}
.mid-pad {
    padding: 70px 0;
}
.min-gap {
    margin: 35px 0 0;
}
.min-pad {
    padding: 35px 0;
}
.imb {
    margin-bottom: 30px;
}
.index-1 {
    z-index: 1;
}
.index-2 {
    z-index: 2;
}
.index-3 {
    z-index: 3;
}
.index-9 {
    z-index: 9;
}
.fw {
    width: 100%;
}
.hide{
    display: none !important;
}
.tf-1 {
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 9;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.overlay:before {
    display: block;
    position: absolute;
    opacity: .5;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
}
.overlay-1:before {
    display: block;
    position: absolute;
    background-image: linear-gradient(to top, transparent 30%, rgb(247 247 246) 100%);
    opacity: 1;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 2;
}
.overlay-blr:before {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .9);
    backdrop-filter: grayscale(1);
    /*backdrop-filter: blur(6px);*/
    /*background-image: radial-gradient(ellipse, #fff, #fff);*/
    opacity: 1;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 2;
}

.absolute-1 {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 0px;
    z-index: 1;
}
.img-block {
    position: relative;
    display: block;
}

/*----Headings----*/
h1,h2,h3,h5,h6{
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    padding: 0px;
    margin: 0px;
}
h1 {
    font-size: 40px;
    font-style: normal;
    line-height: 1.2;
    padding: 0px;
    margin: 0px;
}
h2 {
    /*font-size: 25px;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: 0;
    padding: 0px;
    margin: 0;*/
}
h3 {
    font-size: 18px;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0;
    padding: 0px;
    margin: 0;
}
p {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.4;
    margin: 0px;
}
.flex-row, .fix-1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.flex-row {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-center {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    align-items: center;
}
.flow-1 {
    flex-flow: column;
}
.flex-start{
    align-items: flex-start;
}
.flex-end{
    align-items: end;
}
.j-space {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.j-center {
    -ms-flex-pack: justify;
    justify-content: center;
}
.j-left {
    justify-content: left;
}
.j-right {
    justify-content: right;
}
.flow-0 {
    overflow: hidden;
}
#sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    left: 0;
    top: 10px;
    margin: 0;
}
.tile-1{
    background: #fff;
}
.tile-2{
    background: #fafafa;
}
.ct {
    color: #ff6702;
}
.btn, .btn-2 {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 15px 20px !important;
    margin: 0;
    border: 2px solid #a5eb21;
    background-color: #a5eb21;
    border-radius: 5px;
    transition: all .3s;
}
.btn-2 {
    color: #000;
	border: 2px solid #000;
    background: transparent; 
}
.btn:hover, .current {
    color: #0f100e;
    border-color: #a5eb21;
    background: transparent;
}
.btn-2:hover {
    color: #fff;
    border-color: #000;
    background: #000;
}
.btn-3 {
	color: #fff;
	background: #5935db;
	border: 2px solid #5935db !important;
	border-radius: 35px;
	padding: 16px 40px !important;
}
.btn-3:hover {
	color: #000;
	background: transparent;
}
.sw {
    color: #fff;
}
.s-txt h2 {
    font-size: 45px;
    text-transform: uppercase;
}
.s-txt h4 {
    color: #0f100e;
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 20px;
}

/*----====Header====----*/
/*#header {
    width: 100%;
    height: auto;
    padding: 45px 0 0;
    position: relative;
    box-shadow: none;
}*/
.header {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 68px;
    padding: 25px 0;
}
.header .sc-list li {
    display: inline-block;
    margin-right: 15px;
}
.header .sc-list li a {
    font-size: 25px;
    color: #fff;
}
.header .hd-row {
    max-width: 100%;
    padding: 0 80px;
    margin: 0 auto;
    justify-content: space-between;
}
.page_menu {
    position: relative !important;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0;
    /*margin: 0 auto;*/
    background: transparent !important;
}
.page_menu .menu {
    justify-content: right;
    text-align: right;
    line-height: 0;
    display: inline-flex;
    backdrop-filter: blur(10px);
    padding: 0;
    border-radius: 10px;
}

.header .stellarnav.dark .menu-toggle span.bars span {
    background: #000;
}
.header .stellarnav .menu-toggle span.bars span {
    width: 30px;
    height: 3px;
}
.header .stellarnav .menu-toggle span.bars span:nth-of-type(2) {
    background: #000;
    margin: 4px 0;
}
.header .stellarnav.dark .icon-close:after, .header .stellarnav.dark .icon-close:before {
    border-color: #000 !important;
}
.header .stellarnav.mobile.dark ul {
    width: 100% !important;
    /*max-width: 100%;*/
    background: #fff !important;
}
.header .stellarnav .icon-close:after, .stellarnav .icon-close:before {
    width: 23px !important;
}
/*#main-menu li {
    padding: 18px 25px;
    display: block;
    background: #000;
}*/
#main-menu li:first-of-type, .ft-menu li:first-of-type {
    margin-left: 0;
}
#main-menu li:first-of-type a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
#main-menu li:nth-of-type(3) a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-right: 5px;
}
#main-menu li a {
    color: #fff !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 20px 18px;
    display: block;
    background: #000;
	border: 2px solid #000;
    box-shadow: none !important;
}
#main-menu li a {
    color: #000;
}
#main-menu li a:hover {
    color: #000 !important;
    background: #a5eb21 !important;
    transition: all .3s;
}
#main-menu li:last-of-type a {
    background: #a5eb21;
    color: #000 !important;
    border-radius: 5px;
	border: 2px solid #a5eb21;
}
#main-menu li:last-of-type a:hover {
    color: #000 !important;
	background: transparent !important;
	border: 2px solid #a5eb21;
}
.lf {
    color: #0f100e;
    font-size: 30px;
    font-weight: 900;
    line-height: 0;
    text-transform: capitalize;
}
.lf .em {
    font-weight: 400;
}
.lf img {
    max-width: 130px;
}
.home .lf-2 {
	display: none;
}
.page-template-projects .lf-1 {
	display: none;
}
.lf span {
    display: block;
    padding-top: 13px;
    padding-left: 24px;
}
.hd-row .col {
    width: auto !important/*15%*/;
}
.hd-row .col-2 {
    width: 70%;
}
.hd-row .col-3 {
    display: none;
}
.sec h4 {
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 30px;
    display: inline-block;
    /*background: #a5eb21;*/
    border-radius: 10px;
}

/*----====SPLASH====----*/

#parallax {
  width: 100%;
  height: 100vh;
  background-image: url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-3.png), url(https://raw.githubusercontent.com/oscicen/oscicen.github.io/master/img/depth-2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
}
.splash {
    height: 100vh;
    display: flex;
    align-items: end;
}
.splash .container {
    max-width: 100%;
    padding: 0 80px;
    z-index: 9;
}
.canva {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
}
.splash .vanta-canvas {
    background: transparent !important;
}
.splash {
    width: 100%;
    padding: 100px 0 50px;
    background: #fff;
    background-color: #ffffff;
    opacity: 1;
    background-image: radial-gradient(circle at center center, #f9f9f9, #ffffff), repeating-radial-gradient(circle at center center, #f9f9f9, #f9f9f9, 40px, transparent 80px, transparent 40px);
    background-blend-mode: multiply;
}
/*.splash,*/ .footer {
    display: block;
    padding: 100px 0;
}
.splash-content {
    color: #000;
    display: flex;
    min-height: 600px;
    align-items: end;
    position: relative;
}
.splash .txt {
    max-width: 100%;
}
.splash h1 {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
	letter-spacing: -1px;
    line-height: 1.3;
    margin: 0;
} 
.splash h1 em {
    font-style: normal;
    font-weight: 700;
}
.splash .txt p {
    display: none;
    font-size: 20px;
    font-weight: 600;
    max-width: 100%;
    margin: 30px 0 0;
}
.splash .row .col-3 h1 {
    padding-bottom: 0px;
}
.splash .col {
    /*width: 23%;*/
}
.splash .col p {
    font-size: 18px;
    text-align: right;
    max-width: 415px;
    padding: 15px 0 0;
}
.splash .row .col-1 {
    display: none;
}
.splash .sm-txt {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding-bottom: 25px;
}
.splash .col-1 {
     text-align: left;
     font-weight: 600;
}
.splash .bg-txt {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: capitalize;
    position: absolute;
    bottom: 50px;
    left: 0;
    margin: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    white-space: nowrap;
    z-index: 2;
    color: #fff;
    background: #000;
    padding: 10px 15px;
}
.splash .col-2 {
    width: 50%;
}
.btn-row {
    max-width: 420px;
    margin: 30px 0 0;
}
.ad .svg {
  fill: #0f100e;
  height: auto;
  max-width: 66vmin;
  transform-origin: center;
  width: 66%;
}
.ad .cxt {
    fill: #0f100e;
}
.ad .txt-1 {
    font-size: 12px;
    text-transform: uppercase;
}

.tick .jctkr-wrapper { 
    display: flex;
    height: 40px;
    align-self: center;
    background: #0f100e;
 }
 .jctkr-wrapper li {
     line-height: 40px;
     padding-right: 5px;
 } 
 .tick {
    border: 2px solid #0f100e;
    border-radius: 3px;
    max-width: 400px;
    margin: 0 0 0 auto;
 }
 .tick p {
    font-size: 15px;
    max-width: 100%;
    padding: 15px;
    margin: 0;
 }
 .tick span {
    color: #000;
 }
.p-wrapper {
    max-width: 1712px;
}
 .pan {
    display: none;
    position: absolute;
    z-index: 2;
 }
 .panel-1 {
    top: 15%;
    left: 10%;
 }
 .panel-2 {
    bottom: 15%;
    right: 10%;
 }
 .pan .panel-img {
    width: 110px;
    height: 110px;
 }
 .panel-1 .panel-img {
    border-radius: 15px;
    background: #0f100e;
    transform: rotate(30deg);
 }
.panel-2 .panel-img {
    border-radius: 50%;
    background: #0f100e;
}
.triangle, .triangle:before, .triangle:after { width: 4em; height: 4em; }
.triangle {
    overflow: hidden;
    position: relative;
    margin: 7em auto 0;
    border-radius: 20%;
    transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(.866);
    cursor: pointer;
    pointer-events: none;
} 
.triangle:before, .triangle:after {
    position: absolute;
    background: #1a47b0;
    pointer-events: auto;
    content: '';
}
.triangle:before {
    border-radius: 20% 20% 20% 53%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
            skewX(30deg) scaleY(.866) translateX(-24%);
}
.triangle:after {
    border-radius: 20% 20% 53% 20%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) 
            skewX(-30deg) scaleY(.866) translateX(24%);
}


.nd {
    font-size: 65px;
    background: #2fe761;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    line-height: 1.3;
    margin-left: 10px;
}
.splash .row-2 {
    padding: 0 50px 50px;
}
.splash .row-2 .col {
    width: 15%;
}
.splash .row-2 .col-2 {
    width: 70%;
    justify-content: center;
}
.splash .btn {
	display: none;
    width: 100%;
    max-width: 190px;
    margin: 0;
    border-radius: 0;
}
.splash .sp-txt {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 0;
}
.splash .sp-txt span {
    display: none;
    font-size: 25px;
    font-weight: 700;
}
.splash .sp-txt p {
    font-size: 17px;
    font-weight: 600;
}
.splash .sp-txt p em {
    font-style: normal;
    font-weight: 800;
}
.prt {
    color: #1914e6;
}
.tpc {
    position: absolute;
    margin: 0 auto;
    border-radius: 50%;
    padding: 13px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 3px solid #000;
    animation: glow 1s infinite alternate;
}
@keyframes glow {
  from {
    box-shadow: 0 0 5px -5px #fff;
  }
  to {
    box-shadow: 0 0 5px 5px #fff;
  }
}
.tx-1 .tpc {
    top: 30px;
    right: 45px;
    max-width: 70px;
    background: #f9ff0b;
    left: auto;
}
.tx-2 .tpc {
    max-width: 70px;
    top: 30px;
    right: 130px;
    padding: 11px;
    background: #ff6aad;
}
.tx-3 .tpc {
    max-width: 70px;
    top: 40px;
    left: 40px;
    background: #a9f31e;
}
.tx-2 {
    color: #1914e6;
}
.splash .news p {
    font-size: 16px;
    font-weight: 600;
}
.splash .sm {
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}
.splash .sm .fa {
    background: #0f100e;
    width: 25px;
    height: 25px;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-right: 5px;
}
.splash .prt {
    position: relative;
    display: inline-block;
}

.scroll-downs {
display: none !important;
  position: absolute;
  bottom: 80px;
  right: 0;
  left: 0;
  margin: auto;
  width: 30px;
  height: 50px;
  display: flex;
  justify-content: center;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 30px;
  border: 2px solid #fff;
  background: #1d1d1d;
  border-radius: 25px;
  opacity: 1;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

.orb {
  margin: 0 auto;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow:
    0 0 60px 30px #fff,
    0 0 100px 60px #a5eb21,
    0 0 140px 90px #a5eb21;
}
.splash .btn-2 {
	display: none;
}

/*----====ABOUT====----*/
.abt .a-txt {
    background: #fff;
    padding: 70px;
    border-radius: 12px;
    
}
.abt p {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6;
    max-width: 795px;
}
.abt .i-txt {
    display: block;
    padding-top: 50px;
}
.hlt {
    background: #c1ef75;
    padding: 0px 5px;
    border-radius: 12px;
}

/*----====SERVICES====----*/
.hs {
    display: block;
    background-color: #1c1c1c;
}
#sec-2.overlay:before {
    background: #000;
    opacity: .5;
}
.svr {
    display: none;
    position: relative;
    z-index: 1;
}
.svr .row {
    justify-content: center;
}
.svr h2 {
    padding-left: 0;
}
.svr .col {
    width: 50%;
}
.svr .col:last-of-type {
    margin-right: 0;
}
.svr .content {
    position: relative;
    z-index: 1;
    padding: 0;
}
.svr .f-ico {
    max-width: 100px;
    margin-bottom: 100px;
}
.svr .caption {
    text-align: left;
}
.svr .caption h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.svr .caption p {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.4;
    padding-right: 0;
}
.svr .s-ico img {
    display: none;
     max-width: 40px;
     margin-right: 15px;
     margin-bottom: 20px;
}
.svr .col {
    position: relative;
    cursor: pointer;
}
.svr .col-1, .svr .col-2 {
    margin-bottom: 100px;
}
.svr .col:before {
    display: block;
    position: absolute;
    opacity: 1;
    bottom: 0;
    height: 100%;
    width: 100%;
    /*box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;*/
    border-radius: 5px;
    content: '';
    transition: all .5s;
}
.svr .col:hover.col:before {
    background: #fff;
}
.hd-2 {
    font-size: 160px;
    font-weight: 600;
    line-height: .9;
    text-transform: uppercase;
}
.t-row p {
    font-size: 17px;
    max-width: 550px;
    text-align: right;
}
.t-row p em {
    font-weight: 600;
    text-transform: lowercase;
}
.t-row .str {
    font-size: 167px;
    position: absolute;
    top: -56px;
    right: 0;
    color: #0f100e;
    opacity: .7;
}


/*----====PROJECTS====----*/
.pro-1 {
    background: #5935db;
    color: #fff;
    padding-top: 110px;
}
.jarallax .container {
    width: 100%;
    max-width: 1320px;
    padding: 0 20px !important;
    margin: 0 auto;
}
.pro-1 .row-1 {
    align-items: flex-start;
}
.pro-1 p {
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 40px;
    text-align: left;
    display: inline-block;
}
.pro-cnt .i-row {
    display: none;
}
.pro-cnt {
    width: 100%;
    display: inline-block;
}
.pro-cnt .col {
    width: 50%;
    margin-right: 0;
    margin-top: 60px;
    position: relative;
}
.pro-cnt .col:nth-of-type(2n+2) {
    margin-right: 0;
}
.pro-cnt .col:nth-of-type(2) .img-block {
    padding-top: 690px;
}
.pro-cnt .col:nth-of-type(2) .img {
     object-position: top;
     max-width: 100%;
}
.pro-cnt .col:nth-of-type(3) {
    padding-top: 130px;
}
.pro-cnt .col:nth-of-type(3) .img-block {
    padding-top: 690px;
}
.pro-cnt .col:nth-of-type(3) .img {
    object-position: top;
    max-width: 100%;
    margin: 0 0 0 auto;
}
.pro-cnt .col:first-of-type {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
}
.pro-cnt .col:nth-of-type(4) {
    width: 100%;
}
.pro-cnt .col:nth-of-type(1) h3, .pro-cnt .col:nth-of-type(4) h3 {
     text-align: center;
     width: 100%;
     display: block;
}
.pro-cnt .i-cnt {
    width: 100%;
}
.pro-cnt .c-wrp {
    width: 100%;
    max-width: 470px;
}
.pro-cnt .c-wrp h3 {
    text-align: left;
}
.pro-cnt .col:nth-of-type(3) .c-wrp {
    margin: 0 0 0 auto;
}
/*.pro-cnt .num-1 {
    color: #fff;
    font-size: 20px;
    text-align: left;
    display: block;
    padding-bottom: 5px;
    font-weight: 100;
    letter-spacing: 3px;
}
.pro-cnt h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 0;
}
.pro-cnt p {
    width: 100%;
    text-align: right;
    padding: 0;
}
.pro-cnt .i-row p {
    color: #a5a5a5;
    font-size: 15px;
}
.pro-1 .mtl {
    font-size: 15px;
    text-transform: uppercase;
}
.pro-1 .mtl:first-of-type {
    text-align: right;
}
.pro-1 .mtl:last-of-type {
    text-align: left;
}*/
.pro-1 .img-block {
    position: relative;
    width: 100%;
    padding-top: 610px;
    margin: 0;
}
.pro-1 .img-block .img {
    border-radius: 10px;
    object-position: top;
     /*box-shadow: rgb(255 255 255 / 80%) 0px 5px 15px;*/
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;*/
} 
.pro-1 .vm-btn {
    display: none !important;
    color: #000 !important;
    font-size: 30px !important;
    background: #000 !important;
    width: 60px;
    height: 60px;
    padding: 8px !important;
    margin: 0px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
}
.pro-1 .col:nth-of-type(2) .img-block, .pro-1 .col:nth-of-type(3) .img-block {
    max-width: 440px;
    padding-top: 570px;
    margin: 20px auto;
}
.vm-btn:hover .rotate {
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.rotate {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     margin: 10px;
    overflow: hidden;
}


.img-ovr {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  transition: all .5s;
}

.img-ovr.overlay:before {
    opacity: 1;
    background: rgba(255, 255, 255, .8);
    transition: 0.5s all;
    /*-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;*/
}

.middle {
  position: relative;
  height: 100%;
  transition: .5s ease;
}
.pro-cnt .col {
    display: flex;
    flex-wrap: wrap;
    transition: all .5s;
}
.pro-cnt .col:hover .overlay:before {
    opacity: 1;
    transition: all .5s;
}
.pro-cnt .col .img-ovr {
  opacity: 0;
  transition: all .5s;
}
.pro-cnt .col:hover .img-ovr {
  opacity: 1;
  transition: all .5s;
}
.pro-cnt .container {
    position: relative;
    z-index: 2;
}
/*.pro-cnt .col:hover .img {
    -webkit-filter: blur(5px);
     filter: blur(5px);
    transition: all .5s;
}*/

.text {
    background-color: transparent;
    color: #000;
    font-size: 40px;
    padding: 50px 0 0 50px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
}
.img-ovr p {
    color: #000;
    text-align: right;
    padding-right: 50px;
    padding-bottom: 50px;
}
.pros {
    color: #fff;
    font-size: 50px;
}
.pro-1 .jarallax-container {
    z-index: 1 !important;
}
.home .pro-cnt #cards {
	max-width: 1250px;
}
.pro-cnt #cards {
    max-width: 100%;
    margin: 0 auto;
}
.pro-cnt .skl {
    width: 100%;
}
.pro-cnt .skl li {
    font-size: 12px;
    font-style: italic;
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    padding-bottom: 8px;
}
.pro-cnt .skl li:last-of-type {
    padding-bottom: 0;
}

/*.sticky-1 {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1;
}*/

/*----====CONTACT US====----*/
.ctu {
    color: #000;
    background: #a5eb21;
    padding-bottom: 0;
}
.ctu .container {
    max-width: 100%;
    padding: 0 50px;
}
.ctu .vanta-canvas {
    background: transparent !important;
}
.ctu .col {
    width: 26%;
}
.ctu .col:nth-of-type(2) {
	width: 48%;
}
.ctu .col h3 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
	margin-bottom: 20px;
}
.ft-end .i-row {
    padding: 0 0 100px;
}
.lkd {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.ft-list {
	flex-flow: column;
    justify-content: right;
    text-align: right;
    align-items: end;
}
.ft-list li:nth-of-type(2) {
    padding: 15px 0 0;
}
.ft-list h4 {
	font-size: 25px;
	margin-bottom: 25px;
} 
.cpr {
    display: block;
	text-align: right;
}
.cal {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.crc {
    position: absolute;
    top: -110px;
    width: 500px;
    height: 500px;
    background: #c7ff5d;
    border-radius: 50%;
    margin: 0 auto;
    display: inline-block;
    left: 0;
    right: 0;
    z-index: -1;
}
.cld {
    padding-bottom: 70px;
}
.ctu {
    overflow: hidden;
}
.blr-1::after {
display: block;
position: absolute;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
backdrop-filter: blur(10px);
bottom: 0;
height: 100%;
width: 100%;
content: '';
z-index: 3;
}

/*----====FOOTER====----*/
.footer-main {
   background: #fbfbfb;
   position: relative;
}
.circle{
  position: absolute;
  border-radius: 50%;
  background: white;
  animation: ripple 15s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}

.small{
  width: 200px;
  height: 200px;
  left: -100px;
  bottom: -100px;
}

.medium{
  width: 400px;
  height: 400px;
  left: -200px;
  bottom: -200px;
}

.large{
  width: 600px;
  height: 600px;
  left: -300px;
  bottom: -300px;
}

.xlarge{
  width: 800px;
  height: 800px;
  left: -400px;
  bottom: -400px;
}

.xxlarge{
  width: 1000px;
  height: 1000px;
  left: -500px;
  bottom: -500px;
}

.shade1{
  opacity: 0.2;
}
.shade2{
  opacity: 0.5;
}

.shade3{
  opacity: 0.7;
}

.shade4{
  opacity: 0.8;
}

.shade5{
  opacity: 0.9;
}

@keyframes ripple{
  0%{
    transform: scale(0.8);
  }
  
  50%{
    transform: scale(1.2);
  }
  
  100%{
    transform: scale(0.8);
  }
}


.ft-menu{
    text-align: center;
    margin-top: 35px;
}
.ft-menu li{
    display: inline-block;
}
.ft-media {
    margin-bottom: 20px;
}
.ft-media li {
    display: inline-block;
}
.ft-media li:nth-of-type(2) {
    margin: 0 10px;
}
.ft-media li a {
    color: #000!important;
    font-size: 25px !important;
    text-align: center;
    border: 0 !important;
}
.ft-bottom{
    margin-top: 65px; 
}
.ft-bottom .cp{
    font-size: 13px;
}
.ft-bottom .col-1{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}
.ft-logo img {
    max-width: 200px;
}
.ft-menu{
    text-align: left;
    margin-top: 0;
}
.ft-menu li{
    display: block;
    margin-left: 0;
    margin-bottom: 15px;
}
.ft-menu li:last-of-type {
    margin-bottom: 0;
}
.ft-menu li a{
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0;
}
.ft-top p, .ft-top .call {
    font-weight: 600;
}
.ft-top .call {
    text-decoration: underline;
} 
.ft-top .pc {
    color: #0f100e;
}
.ft-top h3 {
    color: #0f100e;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.ft-top .media h3 {
    padding-bottom: 5px;
}
.ft-end {
    position: relative;
    z-index: 9;
    border-radius: 10px;
    padding: 0 50px;
}
.ftl {
	font-size: 102px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: -20px;
	display: block;
}

/*----====PROJECTS(TEMPLATE)====----*/
/*.pro-pg .crd {
    padding-bottom: 0;
}*/
.pro-pg {
    padding-top: 150px;
}
.pro-pg .img-block {
    padding-top: 400px;
}
.pro-pg .i-col-1 {
    width: 40%;
    padding: 60px;
    text-align: left;
    color: #000;
}
.pro-pg .i-col-2 {
    width: 60%;
}
#cards .card:last-of-type {
    margin-bottom: 0;
}
.card h2 {
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.card p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0px;
    padding: 0 0 30px;
}
.s-list {
    text-align: left;
}
.s-list li {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.s-list li:last-of-type {
    padding-bottom: 0;
}
.arw-1 {
    max-width: 15px;
    margin-right: 15px;
}
.page-template-projects .overlay-blr:before {
	background: rgb(249 249 249 / 90%) !important;
}
.page-template-projects #main-menu li:last-of-type a:hover {
	color: #fff !important;
}




/*========Media-Queries========*/
/*@media only screen and (min-width:1920px) {
    .container {
        max-width: 1600px;
    }
}
@media only screen and (min-width:1680px) and (max-width:1919px) {
    .container, .header-content {
        max-width: 1530px;
    }
 
}
@media only screen and (min-width:1600px) and (max-width:1679px) {
    .container{
        max-width: 1400px;
    }
}
@media only screen and (min-width:1500px) and (max-width:1599px) {
    .container{
        max-width: 1300px;
    }
}
@media only screen and (min-width:1366px) and (max-width:1499px) {
    .container {
        max-width: 1250px;
    }
}*/
@media only screen and (max-width:1250px) {
	.crd-1 .wrap, .container {
		padding: 0 40px !important;
	}
	.svs .m-col-2 .col {
	    width: 31.33%;
        margin-right: 3%;
		padding: 60px 40px;
	}
	.svs .sv {
		font-size: 25px;
	}
	.crd-1, .ft-end {
		padding: 0!important;
	}
	.ctu .ftl {
		font-size: 80px;
	}
}

@media only screen and (max-width:1140px) {
	.svs .m-col-2 .col {
        width: 32%;
        margin-right: 2%;
	}
    .hd-2 {
        font-size: 115px;
    }
    .crc {
        bottom: -600px;
        width: 800px;
        height: 800px;
    }
}
@media only screen and (max-width:1040px) {
	.pro-pg .i-col {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
    .wheel, .pro-pg .card p {
        display: none;
    }
    .w-content ul li {
        width: 50%;
        padding: 0 10px;
        position: relative;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 0 35px !important;
    }
    .w-content ul li p {
        margin: 0 auto;
        font-size: 15px;
        color: #101417 !important;
        text-align: center !important;
    }
    .wb-img {
        display: block;
        margin-bottom: 20px;
    }
    .w-txt {
        display: flex;
        flex-wrap: wrap;
        margin-top: 55px;
    }
    .w-content ul li:nth-of-type(3), .w-content ul li:nth-of-type(4) {
        margin-bottom: 0 !important;
    }
    .w-content ul li:nth-of-type(2) {
        order: 4;
    }
    .w-content ul li:nth-of-type(3) {
        order: 2;
    }
    .w-content ul li:nth-of-type(4) {
        order: 3;
    }
    .w-content .order {
        display: block;
    }
	.svs .sv {
       font-size: 20px !important;
    }
	.ctu .ftl {
		font-size: 50px;
		margin-bottom: -5px !important;
	}
	.pro-pg .i-col-1 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 30px;
	}
	.pro-pg .quote {
		font-size: 25px !important;
		margin-bottom: 0 !important;
	}
	.pro-pg .btn {
		font-size: 13px;
		padding: 12px 20px;
		border-radius: 5px;
	}
}
@media only screen and (max-width:992px) {
    .splash .col {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
	.svs .m-col-2 .col {
        width: 48.5%;
        margin-right: 3%;
	}
	.svs .m-col-2 .col:nth-of-type(2) {
        margin-right: 0;
	}
	.svs .m-col-2 .col:nth-of-type(3) {
        margin: 3% 0 0;
	}
	.svs .m-col-2 {
		justify-content: center;
	}
    .splash {
        text-align: center;
    }
    .logo-front, .splash .btn-row {
        margin: 0 auto;
    }
    #main-menu li {
     display: block;
     text-align: left;   
     margin-left: 0;
     margin-bottom: 15px; 
     padding: 0 30px;
    }
    .page_menu {
        max-width: 67px;
        left: auto;
        right: 120px;
    }
    .tick {
        display: none;
    }
    .wm .col-1 {
        margin-bottom: 20px;
    }
    .page_menu {
        right: 0;
    }
	.ft-logo img {
       max-width: 150px;
    }
	.lkd {
		font-size: 15px;
		text-align: center;
	}
	.ft-list h4 {
		font-size: 22px;
	}
	.ft-end .i-row {
		padding-bottom: 75px !important;
	}
	.btn-3 {
		font-size: 13px !important;
	}
	.page-template-projects .hd-2 {
		padding-top: 85px;
	}
	.splash .btn {
		display: inline-block;
	    width: 100%;
        max-width: 130px;
        margin: 0;
        border-radius: 3px;
        padding: 10px 15px !important;
        font-size: 13px;
		margin-top: 20px;

}
	.header .hd-row, .splash .txt {
		justify-content: center;
	}
	.splash .txt {
	    text-align: center;	
	}
	.splash .col-3, .splash .txt h1 br {
		display: none;
	}
}
@media only screen and (max-width:850px) {
    .footer .col, .ft-top .col, .acd .col, .card .col, .pro-cnt .col, .ctu .col {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    h1 {
        font-size: 30px !important;
    }
    .sec h1 {
        text-align: center;
    }
    .max-gap {
        margin: 50px 0 0;
     }
     .max-pad {
        padding: 50px 0;
     }
     .mid-gap {
        margin: 40px 0 0;
     }
     .mid-pad {
        padding: 40px 0;
     }
     .slm {
        max-width: 400px;
     }
     .splash h3 {
        font-size: 15px;
        padding: 30px 0 20px;
     }
     .splash h2 {
        font-size: 20px;
        margin-top: 25px;
     }
     .splash {
        padding-bottom: 0;
     }
     .header {
        padding: 15px;
     }
     .footer {
        padding: 50px 0 30px;
     }
     .sv-main .max-pad {
        padding-top: 100px !important;
     }
     .cs-main h2 {
        font-size: 25px;
     }
     .cs-main .c-img {
        padding-right: 30px;
     }
     .cs-main .row li:nth-of-type(even) .col-1 {
        padding-left: 30px;
     }
     .brands .row li {
        width: 33.33%;
     }
     .ft-top .col {
        margin-bottom: 40px;
        padding-bottom: 40px;
        border-bottom: 2px solid #edeff5;
     }
     .ft-top .col:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0;
        border: 0;
     }
     .ac-container .ltx {
        padding: 20px 15px;
     }
     .ac-container article p {
        padding: 0 15px;
     }
     .ac-container article p {
        font-size: 15px;
     } 
     .ac-container .ltx {
        font-size: 16px;
     }
     .ac-container input:checked ~ article.ac-txt {
        height: 100px;
     }
     .card .col-2, .splash .col-3 {
        display: none;
    }
    .splash .container {
        padding: 0 20px;
    }
    .splash .col-2 .txt {
        text-align: center;
        padding-bottom: 30px;
    }
    .splash .sm-txt {
        padding-bottom: 20px;
    }
    .pro-1 .row-1 {
        flex-flow: column;
    }
    .pro-1 .mtl:first-of-type {
        text-align: left;
    }
    .pro-1 .mtl:last-of-type {
        text-align: right;
    }
    .hd-2 {
        font-size: 90px;
        width: 100%;
        text-align: center;
        padding: 10px;
    }
    .pro-1 .mtl {
        width: 100%;
        font-size: 13px;
    }
    .pro-cnt .c-wrp {
        margin: 0 auto;
    }
    .pro-1 .col:nth-of-type(2) .img-block, .pro-1 .col:nth-of-type(3) .img-block {
        margin-left: auto;
        margin-right: auto;
        padding-top: 100%;
    }
    .pro-cnt .col:nth-of-type(3) .c-wrp {
        margin: 0 auto;
    }
    .pro-cnt .c-wrp h3, .pro-cnt .skl li {
        text-align: center !important;
    }
    .pro-cnt .col:nth-of-type(3) {
        padding: 0;
    }
    .cld {
        padding-bottom: 70px;
    }
	.ft-end .i-row {
		justify-content: center !important;
	}
	.ft-logo img {
		margin: 0 auto;
	}
	.ft-list {
		align-items: center !important;
	}
	.ctu .col:nth-of-type(2) {
		margin: 40px 0;
	}
	.pro-pg .i-col-1 { 
	    padding: 15px 25px;	
	}
	.pro-pg .btn {
		padding: 12px 20px !important;
	}

}
@media only screen and (max-width:768px) {
    .t-type .row-1 li, .bft ul li, .svr .col, .cs-main .col, .svs .m-col-2 .col {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .team .row li {
        width: 50%;
        border: 15px solid transparent !important;
    }
    .t-type .row-1 li {
        margin: 0 0 40px !important;
        padding: 0;
    }
    .t-type .row-1 li:last-of-type {
        margin-bottom: 0 !important;
    }
	.svs .m-col-2 .col {
		margin: 0 !important;
	}
	.svs .m-col-2 .col:nth-of-type(2) {
		margin: 3% 0 !important;
	}
    .bottom {
        display: block !important;
    }
    .cp, .media {
        position: relative;
    }
    .bottom .ft-logo img {
        margin: 0 auto;
    }
    .media {
        margin: 40px 0 25px;
    }
    .media li a {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }
    .t-fig h2, .sv-main h4, .sv-main h2 {
        font-size: 18px;
    }
    .sv-main .svr li {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .cs-main .col {
        padding: 0 !important;
    }
    .cs-main .row li:nth-of-type(even) .col-1 {
        order: 0;
    }
    .svr .col-2 {
        margin: 20px 0;
    }
    .wm .col-1 .txt h1 br, .header .sc .btn { 
         display: none;
    }
    .wm .btn {
        margin-top: 0 !important;
    }
    .header .hd-row {
        max-width: 100%;
        padding: 0;
    }
    .splash { 
        height: 100%;
        min-height: 550px;;
    }
    .splash-content {
        padding-top: 0;
    }
    .header .col-2 {
        display: none;
    }
    .hd-row {
        justify-content: center !important;
    }
    .orb {
        width: 150px;
        height: 150px;
    }
    .abt p {
        font-size: 20px;
    }
    .abt .a-txt {
        padding: 40px;
    }
    .crd .wrap {
        padding: 0 20px !important;
    }
    .card h2 {
        font-size: 35px !important;
    }
    .s-list li {
        font-size: 20px !important;
    }
    .card .col-1 {
        padding: 40px !important;
    }
    .card {
        margin-bottom: 30px;
    }
    .arw-1 {
        display: none;
        max-width: 20px !important;
    }
    .card p {
        padding: 20px 0;
    }
    .pro-1 p {
        font-size: 16px;
    }
    .pro-1 .img-block {
        padding-top: 55%;
    }
    .crc {
        bottom: -360px;
        width: 500px;
        height: 500px;
    }
    .lf-1 {
        max-width: 35px;
    }
    .lkd {
        font-size: 16px;
    }
    .ft-list {
        width: 100%;
        justify-content: space-between;
    }
    /*.ctu .container {
        padding: 0 20px;
    }*/
	.crd-1 .wrap, .container {
        padding: 0 25px !important;
    }
	.crd-1 .m-col-1 h3 {
		font-size: 30px;
	}
	.pro-1 {
		padding-top: 45px;
	}
	.hd-2 {
		font-size: 50px !important;
	}
	/*.pro-1 .mtl {
		text-align: center !important;
	}*/
	.pro-1 p, .ctu .ftl {
		display: none;
	}
	.ft-list li:nth-of-type(2) {
		padding: 10px 0 0 !important;
	}
	.ctu .col h3 {
		font-size: 26px !important;
	}
	.pro-pg .quote {
		font-size: 20px !important;
	}
	.lf img {
		max-width: 130px !important;
	}
	.orb {
		box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px #a5eb21, 0 0 50px 90px #a5eb21;
	}
}
@media only screen and (max-width:650px) {
    .a-type .row-2 li, .csd .row li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .a-type .row-2 li { 
        padding: 0;
        margin: 0 0 40px;
    }
    .a-type .row-2 li:last-of-type {
        margin-bottom: 0 !important;
    } 
    .solutions ul li {
        padding: 35px 15px;
    }
    .cs-main h2 {
        font-size: 20px !important;
    }
    .csd .row li:first-of-type {
         margin-bottom: 20px;
    }
    .wm h1 {
        font-size: 35px !important;
    }
}
@media only screen and (max-width:650px) {
    .solutions ul li {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .svr ul li:last-of-type {
        margin: 0;
    }
    .svr ul li:nth-of-type(2) {
        margin: 40px 0;
    }
    .solutions ul li {
        margin-bottom: 15px !important;
    }
    .solutions ul li:last-of-type {
        margin-bottom: 0 !important;
    }
    .brands .row li {
        width: 50%;
    }
	.pro-pg .quote {
		font-size: 14px !important;
	}
	.pro-pg .btn {
		font-size: 10px;
		padding:  10px 12px !important;
		border-radius: 2px;
	}
	.pro-pg .i-col-1 {
		padding: 10px 15px !important;
	}
	.abt p {
		font-size: 5vw !important;
	}
	.abt .a-txt {
        padding: 40px 20px !important;
    }
	
}




 .section {
     padding: 0 clamp(4rem, 12vw, 20rem);
     display: grid;
     place-content: center;
}
 .section p {
     font-size: clamp(2rem, 5vw, 8rem);
}

.rv-txt {
    
}
/* .hlt {
     color: #fff;
     text-shadow: 2px 2px 1px #000, 2px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}
 .hlt:hover {
     color: #000;
     text-shadow: none;
}
 .hlt.c1:hover {
     background-color: #d9edf8;
}*/

/*.linear-wipe {
     text-align: center;
     background: linear-gradient(to right,#FFF 20%,#FF0 40%,#FF0 60%,#FFF 80%);
     background-size: 200% auto;
     color: #000;
     background-clip: text;
     text-fill-color: transparent;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: shine 1s linear infinite;
}
 @keyframes shine {
     .linear-wipe to {
         background-position: 200% center;
    }
}*/



/* Blobs */
/*.blob-cont1 {
    
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: -2;
  height: 500px;
  width: 500px;
  position: relative;
  right: 5em;
}*/


.blob {
  display: none;
  border-radius: 100px;
  filter: blur(60px);
}

.yellow {
  background-color: #41e9ae;
  position: absolute;
  top: 200px !important;
  left: 100px !important;
  height: 400px;
  width: 400px;
  
  animation: yellow 8s infinite ease;
}

.green {

  background-color: #7d4ee6;
  position: absolute;
  top: 80px;
  right: 300px !important;
  height: 400px;
  width: 350px;
  
  animation: green 8s infinite ease;
}

.red {
  background-color: red;
  position: absolute;
  right: 0;
  top: 300px;
  height: 450px;
  width: 300px;
  
  animation: red 8s infinite linear;
}

@keyframes yellow {
  0% {top: 200px; left: 100px; transform: scale(1);}
  30% {top: 300px; left: 150px; transform: scale(1.2);}
  60% {top: 100px; left: 200px; transform: scale(1.3);}
  100% {top: 200px; left: 100px; transform: scale(1);}
}

@keyframes green {
  0% {top: 80px; right: -20px; transform: scale(1.2);}
  30% {top: 300px; right: -20px;transform: scale(1);}
  60% {top: 200px; right: 100px;transform: scale(1);}
  100% {top: 80px; right: -20px; transform: scale(1.2);}
}

@keyframes red {
  0% {top: 250px; right: 0px; transform: scale(1);}
  30% {top: 150px; right: 150px;transform: scale(1.4);}
  60% {top: 250px; right: 100px;transform: scale(1);}
  100% {top: 250px; right: 0px; transform: scale(1);}
}

.splash .row-2 {
    display: none;
}


.container-1 {
    height: 100%;
}

.container-scroll {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.hero {
    min-width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
}

.hero h2 {
    font-size: 85px;
    font-weight: 400;
    text-transform: uppercase;
}

.hero__text h2 a {
    font-size: 10.5vw;
    color: black;
    text-decoration: none;
    display: block;
    transition: all .2s;
}

.hero__first, .hero__second {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    /*border-bottom: var(--lines);
    border-right: var(--lines);*/
}

.hero__col {
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    width: 50%;
    text-align: left;
    padding-left: 100px;
    border-left: 1px solid #000 !important;
}

.fst .hero__first:first-of-type .col-1 {
    border-left: 0 !important;
}

.hero--event .hero__text {
    background-color: var(--color-orange);
}

.hero--studio .hero__text {
    background-color: var(--color-green);
}

.hero--next .hero__text {
    background-color: var(--color-pink);
}
.hero__col p {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0px;
    padding: 40px 0;
}

/*.quote {
  overflow: hidden;
}

.split-line {
  overflow: hidden;
}*/



/*=======HORIZONTAL SCROLL=========*/
.html {
    display: none;
}
/*.svs {
background-color: #e5e5f7;
opacity: 1;
background-image:  radial-gradient(#a945f7 0.5px, transparent 0.5px), radial-gradient(#a945f7 0.5px, #fff 0.5px);
background-size: 20px 20px;
background-position: 0 0,10px 10px;
}*/
.container-1 {
  height: auto;
  width: 100%;
  border-top: 0 white solid;
  border-left: 0px white solid;
  background: #c1f168;
  color: #000;
}
/*.svs .row {
    width: 100% !important;
}*/
/*.pin-spacer {
    height: auto !important;
    padding-bottom: 100px !important;
}*/
.thumbnail {
  /*width: 50%;
  height: 100%;*/
  color: #000 !important;
  text-align: center;
  text-transform: uppercase;
  background: #fff !important;
  border-left: 0px solid #000;
  border-right: 3px solid #000;
  margin-right: 0;
  padding: 70px 0 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.splide__list .thumbnail:nth-of-type(2) .s-bot, .splide__list .thumbnail:nth-of-type(4) .s-bot {
  background: #c3f16c;
}

.splide__slide {
    margin-right: 0 !important;
}

.thumbnail h3 {
    font-size: 50px;
    font-weight: 400;
    text-align: left;
    padding-left: 50px;
}
.s-top {
    position: relative;
    overflow: hidden;
    border-bottom: 3px solid;
    padding-top: 0;
    padding-bottom: 80px;
    margin-bottom: 0;
}
.s-bot {
    padding: 50px 50px 100px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
}
.s-bot p {
    font-size: 20px;
    text-align: left;
    max-width: 500px;
    padding-bottom: 50px;
}
.s-bot .img-block {
    display: none;
    padding-top: 300px;
    margin: 20px 0;
}
.s-list {
    text-align: left;
	display: none;

}
.s-list li {
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.s-list li:last-of-type {
    padding-bottom: 0;
}
.fc-1 {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 120px;
    opacity: .1;
}
::-webkit-scrollbar {
    display: none;
  }

.circle-1 {
  width: 64px;
  height: 64px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
   top: 50%;
    left: 0;
    right: 0;
    z-index: 9;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  display: none;
  z-index: 1;
}
.hoverDiv {
  display: inline-block;
  cursor: default;
  width: fit-content;
}
.m-col {
    width: 100%;
}
.m-col-2 .col {
    width: 30%;
    margin-right: 5%;
    background:rgb(247 247 247 / 70%);
    backdrop-filter: blur(10px);
    padding: 80px 50px;
    border-radius: 10px;
    text-align: left;
}
.m-col-2 .col:last-of-type {
    margin-right: 0;
}
.m-col .ico {
    max-width: 70px;
    padding-bottom: 50px;
}


/*====PARALLAX SASS====*/
#sec-4 {
  height: 100%
  /*background: radial-gradient(ellipse at bottom, #beab9a 0%, #beab9a 100%);
  overflow: hidden;*/
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 739px 738px #FFF , 1440px 1257px #FFF , 727px 1068px #FFF , 1853px 1350px #FFF , 1259px 349px #FFF , 482px 1044px #FFF , 1834px 692px #FFF , 759px 1436px #FFF , 774px 175px #FFF , 58px 1588px #FFF , 1284px 1368px #FFF , 1744px 64px #FFF , 1448px 51px #FFF , 478px 863px #FFF , 1801px 258px #FFF , 443px 1406px #FFF , 704px 1543px #FFF , 313px 658px #FFF , 628px 1696px #FFF , 1934px 754px #FFF , 1893px 202px #FFF , 1651px 682px #FFF , 812px 1537px #FFF , 1884px 724px #FFF , 746px 95px #FFF , 1381px 1921px #FFF , 1782px 370px #FFF , 1928px 341px #FFF , 641px 1589px #FFF , 1998px 1791px #FFF , 456px 934px #FFF , 706px 317px #FFF , 1179px 10px #FFF , 1406px 1322px #FFF , 255px 894px #FFF , 1078px 1013px #FFF , 768px 707px #FFF , 408px 1104px #FFF , 164px 1796px #FFF , 1144px 896px #FFF , 286px 1237px #FFF , 213px 655px #FFF , 1275px 934px #FFF , 1289px 1155px #FFF , 209px 1157px #FFF , 551px 1825px #FFF , 1774px 840px #FFF , 1110px 1380px #FFF , 946px 1745px #FFF , 325px 1910px #FFF , 1807px 1573px #FFF , 801px 505px #FFF , 1001px 1188px #FFF , 1775px 1058px #FFF , 96px 1733px #FFF , 1059px 1139px #FFF , 114px 644px #FFF , 190px 737px #FFF , 1814px 1514px #FFF , 292px 1498px #FFF , 920px 765px #FFF , 599px 1804px #FFF , 613px 1617px #FFF , 657px 1634px #FFF , 792px 125px #FFF , 341px 393px #FFF , 855px 1596px #FFF , 1453px 527px #FFF , 1753px 866px #FFF , 1873px 1229px #FFF , 1181px 371px #FFF , 88px 692px #FFF , 1313px 700px #FFF , 1614px 694px #FFF , 1819px 143px #FFF , 1401px 1523px #FFF , 118px 1758px #FFF , 765px 147px #FFF , 1232px 1427px #FFF , 1035px 1922px #FFF , 954px 1752px #FFF , 13px 291px #FFF , 1139px 152px #FFF , 1071px 1579px #FFF , 311px 214px #FFF , 1343px 259px #FFF , 598px 653px #FFF , 1917px 397px #FFF , 57px 1327px #FFF , 823px 25px #FFF , 456px 1888px #FFF , 1190px 1694px #FFF , 405px 392px #FFF , 327px 1569px #FFF , 1057px 80px #FFF , 787px 1990px #FFF , 323px 288px #FFF , 419px 237px #FFF , 802px 1017px #FFF , 433px 217px #FFF , 1434px 1263px #FFF , 214px 1791px #FFF , 871px 1864px #FFF , 1318px 1191px #FFF , 231px 222px #FFF , 1965px 1210px #FFF , 71px 1061px #FFF , 1454px 820px #FFF , 1124px 1183px #FFF , 1179px 1107px #FFF , 1763px 1631px #FFF , 364px 1368px #FFF , 1464px 1803px #FFF , 122px 1639px #FFF , 1838px 1574px #FFF , 1218px 861px #FFF , 943px 766px #FFF , 383px 1167px #FFF , 1143px 1927px #FFF , 142px 1612px #FFF , 799px 240px #FFF , 825px 1345px #FFF , 1146px 689px #FFF , 1287px 1249px #FFF , 96px 416px #FFF , 94px 1807px #FFF , 1659px 330px #FFF , 952px 1897px #FFF , 1408px 35px #FFF , 1239px 375px #FFF , 1035px 308px #FFF , 350px 1835px #FFF , 1303px 555px #FFF , 978px 264px #FFF , 1738px 188px #FFF , 123px 1709px #FFF , 849px 517px #FFF , 1768px 157px #FFF , 1185px 1098px #FFF , 1517px 1398px #FFF , 1292px 1708px #FFF , 477px 1845px #FFF , 88px 1461px #FFF , 1628px 667px #FFF , 1948px 685px #FFF , 1406px 1415px #FFF , 1884px 57px #FFF , 1435px 175px #FFF , 1808px 929px #FFF , 1831px 1474px #FFF , 1346px 1770px #FFF , 1977px 1191px #FFF , 647px 568px #FFF , 979px 1391px #FFF , 1789px 1858px #FFF , 972px 909px #FFF , 1720px 1826px #FFF , 384px 846px #FFF , 540px 1762px #FFF , 1390px 425px #FFF , 1238px 217px #FFF , 761px 1876px #FFF , 607px 269px #FFF , 1825px 1748px #FFF , 1007px 1061px #FFF , 752px 1930px #FFF , 1442px 1219px #FFF , 449px 946px #FFF , 1130px 1420px #FFF , 1857px 1300px #FFF , 792px 1748px #FFF , 942px 1137px #FFF , 1259px 641px #FFF , 492px 271px #FFF , 1974px 1152px #FFF , 1914px 1165px #FFF , 436px 515px #FFF , 1555px 1083px #FFF , 1524px 1639px #FFF , 1887px 1796px #FFF , 1229px 1086px #FFF , 693px 1624px #FFF , 1898px 538px #FFF , 503px 1685px #FFF , 1633px 1601px #FFF , 408px 1959px #FFF , 1461px 227px #FFF , 603px 431px #FFF , 1952px 779px #FFF , 483px 837px #FFF , 304px 1982px #FFF , 886px 481px #FFF , 1830px 1499px #FFF , 75px 1913px #FFF , 128px 395px #FFF , 400px 88px #FFF , 1661px 370px #FFF , 1134px 155px #FFF , 1472px 1559px #FFF , 1804px 1032px #FFF , 1308px 1553px #FFF , 1253px 970px #FFF , 769px 1973px #FFF , 1925px 1808px #FFF , 642px 1453px #FFF , 259px 329px #FFF , 869px 1739px #FFF , 731px 1837px #FFF , 1132px 1614px #FFF , 1942px 1771px #FFF , 1537px 155px #FFF , 922px 1827px #FFF , 1379px 707px #FFF , 1677px 956px #FFF , 920px 1221px #FFF , 886px 1166px #FFF , 210px 216px #FFF , 1688px 1954px #FFF , 1662px 778px #FFF , 1392px 921px #FFF , 412px 1739px #FFF , 101px 882px #FFF , 1593px 1389px #FFF , 1863px 339px #FFF , 591px 175px #FFF , 1423px 81px #FFF , 1976px 1384px #FFF , 1874px 479px #FFF , 1189px 1930px #FFF , 12px 1882px #FFF , 1939px 801px #FFF , 1970px 188px #FFF , 1384px 390px #FFF , 873px 1211px #FFF , 966px 1260px #FFF , 1739px 1602px #FFF , 100px 745px #FFF , 657px 338px #FFF , 134px 1118px #FFF , 1541px 1273px #FFF , 1791px 104px #FFF , 1588px 420px #FFF , 1973px 305px #FFF , 1629px 226px #FFF , 1528px 1840px #FFF , 853px 1014px #FFF , 1174px 1390px #FFF , 665px 876px #FFF , 1990px 1556px #FFF , 1292px 769px #FFF , 748px 1028px #FFF , 857px 966px #FFF , 553px 1466px #FFF , 1109px 277px #FFF , 850px 791px #FFF , 1017px 1059px #FFF , 1785px 401px #FFF , 612px 575px #FFF , 1942px 546px #FFF , 586px 194px #FFF , 1705px 133px #FFF , 434px 225px #FFF , 1563px 963px #FFF , 1552px 1384px #FFF , 777px 169px #FFF , 279px 988px #FFF , 1190px 1098px #FFF , 858px 1824px #FFF , 1917px 1791px #FFF , 1709px 1260px #FFF , 1558px 145px #FFF , 218px 267px #FFF , 960px 802px #FFF , 886px 1655px #FFF , 470px 760px #FFF , 1959px 1662px #FFF , 1857px 470px #FFF , 1131px 1606px #FFF , 1416px 1530px #FFF , 1123px 1334px #FFF , 1786px 295px #FFF , 205px 1310px #FFF , 354px 1922px #FFF , 1037px 1686px #FFF , 503px 535px #FFF , 996px 512px #FFF , 1186px 1529px #FFF , 1220px 786px #FFF , 874px 1134px #FFF , 462px 1430px #FFF , 1663px 1747px #FFF , 1975px 975px #FFF , 886px 1374px #FFF , 613px 338px #FFF , 639px 744px #FFF , 753px 1045px #FFF , 703px 1469px #FFF , 118px 215px #FFF , 798px 811px #FFF , 1717px 1292px #FFF , 920px 1289px #FFF , 742px 922px #FFF , 113px 791px #FFF , 863px 89px #FFF , 1037px 1238px #FFF , 344px 770px #FFF , 1675px 542px #FFF , 1127px 1366px #FFF , 1120px 888px #FFF , 716px 534px #FFF , 1610px 26px #FFF , 1275px 850px #FFF , 1351px 1461px #FFF , 494px 866px #FFF , 1232px 706px #FFF , 1528px 426px #FFF , 1664px 1252px #FFF , 1947px 1073px #FFF , 1915px 33px #FFF , 878px 1058px #FFF , 419px 773px #FFF , 1614px 288px #FFF , 118px 749px #FFF , 1546px 1332px #FFF , 236px 1915px #FFF , 532px 320px #FFF , 1860px 1314px #FFF , 1467px 1266px #FFF , 324px 1914px #FFF , 20px 899px #FFF , 1860px 776px #FFF , 1462px 1835px #FFF , 1586px 1971px #FFF , 1663px 1341px #FFF , 1583px 969px #FFF , 949px 1670px #FFF , 1780px 1514px #FFF , 864px 1219px #FFF , 1606px 769px #FFF , 765px 227px #FFF , 1781px 861px #FFF , 741px 874px #FFF , 1386px 161px #FFF , 516px 859px #FFF , 1401px 1378px #FFF , 544px 1751px #FFF , 943px 1151px #FFF , 932px 820px #FFF , 1949px 1549px #FFF , 629px 1181px #FFF , 614px 342px #FFF , 1069px 1458px #FFF , 1151px 1069px #FFF , 793px 640px #FFF , 881px 1321px #FFF , 780px 315px #FFF , 1645px 1864px #FFF , 1903px 1993px #FFF , 546px 183px #FFF , 6px 910px #FFF , 1830px 941px #FFF , 701px 1535px #FFF , 816px 59px #FFF , 935px 300px #FFF , 1563px 626px #FFF , 170px 1584px #FFF , 1539px 869px #FFF , 420px 65px #FFF , 342px 420px #FFF , 656px 46px #FFF , 607px 1028px #FFF , 1378px 1287px #FFF , 1194px 996px #FFF , 1764px 829px #FFF , 671px 967px #FFF , 180px 1152px #FFF , 1822px 86px #FFF , 644px 1850px #FFF , 342px 384px #FFF , 76px 1651px #FFF , 848px 1456px #FFF , 1614px 1316px #FFF , 436px 627px #FFF , 116px 590px #FFF , 168px 776px #FFF , 1747px 264px #FFF , 1179px 677px #FFF , 889px 1718px #FFF , 834px 1611px #FFF , 740px 1187px #FFF , 1697px 1799px #FFF , 1566px 1529px #FFF , 1629px 705px #FFF , 1551px 252px #FFF , 1611px 568px #FFF , 1339px 433px #FFF , 728px 1110px #FFF , 292px 165px #FFF , 1400px 1339px #FFF , 671px 1385px #FFF , 1482px 1162px #FFF , 1785px 1480px #FFF , 1924px 778px #FFF , 1519px 42px #FFF , 49px 1199px #FFF , 78px 929px #FFF , 623px 269px #FFF , 1705px 693px #FFF , 1667px 1988px #FFF , 329px 463px #FFF , 933px 439px #FFF , 1567px 464px #FFF , 311px 1852px #FFF , 1694px 1971px #FFF , 477px 226px #FFF , 195px 1813px #FFF , 552px 1087px #FFF , 815px 211px #FFF , 1283px 1277px #FFF , 552px 203px #FFF , 681px 707px #FFF , 1187px 940px #FFF , 851px 638px #FFF , 366px 974px #FFF , 352px 985px #FFF , 1757px 744px #FFF , 1983px 10px #FFF , 1740px 1179px #FFF , 1892px 549px #FFF , 129px 1771px #FFF , 134px 1664px #FFF , 1265px 1434px #FFF , 1211px 1601px #FFF , 852px 1145px #FFF , 1620px 1940px #FFF , 414px 671px #FFF , 1398px 390px #FFF , 1079px 1736px #FFF , 522px 459px #FFF , 828px 110px #FFF , 234px 1244px #FFF , 914px 872px #FFF , 124px 1306px #FFF , 264px 585px #FFF , 1160px 656px #FFF , 1150px 1978px #FFF , 413px 1129px #FFF , 1121px 745px #FFF , 1341px 349px #FFF , 856px 719px #FFF , 526px 796px #FFF , 1469px 1071px #FFF , 824px 573px #FFF , 456px 250px #FFF , 1723px 1456px #FFF , 816px 1757px #FFF , 273px 873px #FFF , 15px 1535px #FFF , 612px 476px #FFF , 1291px 586px #FFF , 525px 1248px #FFF , 662px 1700px #FFF , 1925px 1560px #FFF , 1760px 1476px #FFF , 1755px 1997px #FFF , 314px 1957px #FFF , 720px 192px #FFF , 213px 238px #FFF , 732px 585px #FFF , 841px 407px #FFF , 490px 1723px #FFF , 1775px 45px #FFF , 1338px 1058px #FFF , 1223px 1107px #FFF , 1308px 605px #FFF , 56px 836px #FFF , 1580px 204px #FFF , 809px 1611px #FFF , 863px 1494px #FFF , 427px 1538px #FFF , 786px 1315px #FFF , 312px 170px #FFF , 1885px 983px #FFF , 746px 949px #FFF , 1755px 497px #FFF , 1062px 1855px #FFF , 1968px 65px #FFF , 144px 1582px #FFF , 60px 588px #FFF , 512px 963px #FFF , 463px 1717px #FFF , 187px 1427px #FFF , 458px 1527px #FFF , 1796px 599px #FFF , 602px 1048px #FFF , 332px 817px #FFF , 190px 759px #FFF , 832px 379px #FFF , 335px 501px #FFF , 317px 1645px #FFF , 33px 1508px #FFF , 1865px 692px #FFF , 1275px 1118px #FFF , 84px 1521px #FFF , 1990px 1248px #FFF , 1653px 1301px #FFF , 650px 396px #FFF , 495px 766px #FFF , 1701px 1414px #FFF , 330px 1478px #FFF , 290px 313px #FFF , 95px 609px #FFF , 581px 1144px #FFF , 1267px 974px #FFF , 1374px 1148px #FFF , 1843px 133px #FFF , 407px 1374px #FFF , 139px 117px #FFF , 1744px 271px #FFF , 453px 966px #FFF , 1624px 295px #FFF , 1854px 1084px #FFF , 178px 465px #FFF , 579px 689px #FFF , 86px 871px #FFF , 1026px 1612px #FFF , 823px 391px #FFF , 1597px 1154px #FFF , 1068px 1392px #FFF , 968px 183px #FFF , 1152px 1305px #FFF , 781px 1441px #FFF , 406px 381px #FFF , 1555px 181px #FFF , 1944px 1492px #FFF , 262px 39px #FFF , 1759px 609px #FFF , 57px 143px #FFF , 930px 762px #FFF , 1278px 1461px #FFF , 1443px 1111px #FFF , 1694px 1102px #FFF , 1181px 1636px #FFF , 750px 1406px #FFF , 1716px 1744px #FFF , 104px 31px #FFF , 759px 217px #FFF , 1238px 494px #FFF , 956px 1032px #FFF , 1917px 1531px #FFF , 1034px 107px #FFF , 1804px 432px #FFF , 1146px 883px #FFF , 525px 1747px #FFF , 237px 15px #FFF , 365px 645px #FFF , 1403px 1849px #FFF , 25px 1596px #FFF , 1341px 948px #FFF , 1816px 515px #FFF , 1792px 1332px #FFF , 1541px 943px #FFF , 2px 659px #FFF , 1089px 1154px #FFF , 1706px 420px #FFF , 1615px 599px #FFF , 429px 1132px #FFF , 234px 611px #FFF , 1523px 1749px #FFF , 311px 1709px #FFF , 28px 141px #FFF , 1897px 884px #FFF , 1399px 1668px #FFF , 222px 1134px #FFF , 446px 1360px #FFF , 686px 6px #FFF , 1085px 1084px #FFF , 580px 1274px #FFF , 692px 258px #FFF , 1145px 1171px #FFF , 604px 1888px #FFF , 721px 1317px #FFF , 1065px 1443px #FFF , 1366px 1648px #FFF , 1531px 351px #FFF , 2000px 1714px #FFF , 135px 1324px #FFF , 573px 709px #FFF , 1839px 1775px #FFF , 226px 1159px #FFF , 1576px 182px #FFF , 173px 1608px #FFF , 1845px 392px #FFF , 939px 710px #FFF , 1120px 805px #FFF , 1620px 511px #FFF , 1763px 70px #FFF , 1182px 706px #FFF , 1390px 1857px #FFF , 82px 141px #FFF , 908px 563px #FFF , 414px 1772px #FFF , 1407px 1500px #FFF , 905px 1767px #FFF , 1313px 1367px #FFF , 576px 1561px #FFF , 1106px 941px #FFF , 60px 153px #FFF , 1252px 552px #FFF , 248px 998px #FFF , 1312px 1374px #FFF , 729px 1372px #FFF , 1829px 1247px #FFF , 892px 1119px #FFF , 661px 647px #FFF , 1929px 368px #FFF , 1042px 498px #FFF , 1702px 63px #FFF , 1730px 748px #FFF , 420px 176px #FFF , 328px 603px #FFF , 1727px 913px #FFF , 1390px 1761px #FFF , 1352px 777px #FFF , 1577px 1596px #FFF , 1768px 432px #FFF , 1656px 491px #FFF , 1981px 121px #FFF , 1248px 556px #FFF , 757px 628px #FFF , 500px 1562px #FFF , 1703px 1629px #FFF , 1603px 276px #FFF , 1514px 858px #FFF , 981px 65px #FFF , 1629px 1481px #FFF , 1799px 987px #FFF , 1775px 1848px #FFF , 1136px 1597px #FFF , 968px 32px #FFF , 1858px 1671px #FFF , 1320px 822px #FFF , 1995px 1097px #FFF , 613px 270px #FFF , 1611px 599px #FFF , 930px 304px #FFF , 174px 284px #FFF , 1845px 412px #FFF , 749px 892px #FFF , 247px 26px #FFF , 864px 1343px #FFF , 1386px 716px #FFF , 207px 1672px #FFF , 1129px 295px #FFF , 1638px 609px #FFF , 610px 243px #FFF , 606px 1635px #FFF , 150px 703px #FFF , 216px 906px #FFF , 196px 1920px #FFF , 1782px 1367px #FFF , 829px 1423px #FFF , 396px 1397px #FFF , 808px 342px #FFF , 1191px 1128px #FFF , 1380px 405px #FFF , 1218px 1219px #FFF , 1264px 842px #FFF , 410px 1029px #FFF , 1727px 671px #FFF , 1675px 509px #FFF , 1299px 347px #FFF , 1274px 1506px #FFF , 1294px 719px #FFF , 503px 1787px #FFF , 322px 1381px #FFF , 73px 1862px #FFF , 206px 519px #FFF , 455px 698px #FFF , 1225px 1812px #FFF , 584px 489px #FFF , 97px 268px #FFF , 538px 1783px #FFF , 579px 818px #FFF , 1372px 323px #FFF , 594px 1078px #FFF , 588px 776px #FFF , 350px 457px #FFF , 670px 1302px #FFF , 302px 978px #FFF , 342px 1792px #FFF , 1886px 672px #FFF , 680px 269px #FFF , 1227px 1532px #FFF , 1350px 1298px #FFF , 689px 26px #FFF , 1837px 880px #FFF , 43px 1592px #FFF , 987px 1422px #FFF , 1766px 1241px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  bottom: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 739px 738px #FFF , 1440px 1257px #FFF , 727px 1068px #FFF , 1853px 1350px #FFF , 1259px 349px #FFF , 482px 1044px #FFF , 1834px 692px #FFF , 759px 1436px #FFF , 774px 175px #FFF , 58px 1588px #FFF , 1284px 1368px #FFF , 1744px 64px #FFF , 1448px 51px #FFF , 478px 863px #FFF , 1801px 258px #FFF , 443px 1406px #FFF , 704px 1543px #FFF , 313px 658px #FFF , 628px 1696px #FFF , 1934px 754px #FFF , 1893px 202px #FFF , 1651px 682px #FFF , 812px 1537px #FFF , 1884px 724px #FFF , 746px 95px #FFF , 1381px 1921px #FFF , 1782px 370px #FFF , 1928px 341px #FFF , 641px 1589px #FFF , 1998px 1791px #FFF , 456px 934px #FFF , 706px 317px #FFF , 1179px 10px #FFF , 1406px 1322px #FFF , 255px 894px #FFF , 1078px 1013px #FFF , 768px 707px #FFF , 408px 1104px #FFF , 164px 1796px #FFF , 1144px 896px #FFF , 286px 1237px #FFF , 213px 655px #FFF , 1275px 934px #FFF , 1289px 1155px #FFF , 209px 1157px #FFF , 551px 1825px #FFF , 1774px 840px #FFF , 1110px 1380px #FFF , 946px 1745px #FFF , 325px 1910px #FFF , 1807px 1573px #FFF , 801px 505px #FFF , 1001px 1188px #FFF , 1775px 1058px #FFF , 96px 1733px #FFF , 1059px 1139px #FFF , 114px 644px #FFF , 190px 737px #FFF , 1814px 1514px #FFF , 292px 1498px #FFF , 920px 765px #FFF , 599px 1804px #FFF , 613px 1617px #FFF , 657px 1634px #FFF , 792px 125px #FFF , 341px 393px #FFF , 855px 1596px #FFF , 1453px 527px #FFF , 1753px 866px #FFF , 1873px 1229px #FFF , 1181px 371px #FFF , 88px 692px #FFF , 1313px 700px #FFF , 1614px 694px #FFF , 1819px 143px #FFF , 1401px 1523px #FFF , 118px 1758px #FFF , 765px 147px #FFF , 1232px 1427px #FFF , 1035px 1922px #FFF , 954px 1752px #FFF , 13px 291px #FFF , 1139px 152px #FFF , 1071px 1579px #FFF , 311px 214px #FFF , 1343px 259px #FFF , 598px 653px #FFF , 1917px 397px #FFF , 57px 1327px #FFF , 823px 25px #FFF , 456px 1888px #FFF , 1190px 1694px #FFF , 405px 392px #FFF , 327px 1569px #FFF , 1057px 80px #FFF , 787px 1990px #FFF , 323px 288px #FFF , 419px 237px #FFF , 802px 1017px #FFF , 433px 217px #FFF , 1434px 1263px #FFF , 214px 1791px #FFF , 871px 1864px #FFF , 1318px 1191px #FFF , 231px 222px #FFF , 1965px 1210px #FFF , 71px 1061px #FFF , 1454px 820px #FFF , 1124px 1183px #FFF , 1179px 1107px #FFF , 1763px 1631px #FFF , 364px 1368px #FFF , 1464px 1803px #FFF , 122px 1639px #FFF , 1838px 1574px #FFF , 1218px 861px #FFF , 943px 766px #FFF , 383px 1167px #FFF , 1143px 1927px #FFF , 142px 1612px #FFF , 799px 240px #FFF , 825px 1345px #FFF , 1146px 689px #FFF , 1287px 1249px #FFF , 96px 416px #FFF , 94px 1807px #FFF , 1659px 330px #FFF , 952px 1897px #FFF , 1408px 35px #FFF , 1239px 375px #FFF , 1035px 308px #FFF , 350px 1835px #FFF , 1303px 555px #FFF , 978px 264px #FFF , 1738px 188px #FFF , 123px 1709px #FFF , 849px 517px #FFF , 1768px 157px #FFF , 1185px 1098px #FFF , 1517px 1398px #FFF , 1292px 1708px #FFF , 477px 1845px #FFF , 88px 1461px #FFF , 1628px 667px #FFF , 1948px 685px #FFF , 1406px 1415px #FFF , 1884px 57px #FFF , 1435px 175px #FFF , 1808px 929px #FFF , 1831px 1474px #FFF , 1346px 1770px #FFF , 1977px 1191px #FFF , 647px 568px #FFF , 979px 1391px #FFF , 1789px 1858px #FFF , 972px 909px #FFF , 1720px 1826px #FFF , 384px 846px #FFF , 540px 1762px #FFF , 1390px 425px #FFF , 1238px 217px #FFF , 761px 1876px #FFF , 607px 269px #FFF , 1825px 1748px #FFF , 1007px 1061px #FFF , 752px 1930px #FFF , 1442px 1219px #FFF , 449px 946px #FFF , 1130px 1420px #FFF , 1857px 1300px #FFF , 792px 1748px #FFF , 942px 1137px #FFF , 1259px 641px #FFF , 492px 271px #FFF , 1974px 1152px #FFF , 1914px 1165px #FFF , 436px 515px #FFF , 1555px 1083px #FFF , 1524px 1639px #FFF , 1887px 1796px #FFF , 1229px 1086px #FFF , 693px 1624px #FFF , 1898px 538px #FFF , 503px 1685px #FFF , 1633px 1601px #FFF , 408px 1959px #FFF , 1461px 227px #FFF , 603px 431px #FFF , 1952px 779px #FFF , 483px 837px #FFF , 304px 1982px #FFF , 886px 481px #FFF , 1830px 1499px #FFF , 75px 1913px #FFF , 128px 395px #FFF , 400px 88px #FFF , 1661px 370px #FFF , 1134px 155px #FFF , 1472px 1559px #FFF , 1804px 1032px #FFF , 1308px 1553px #FFF , 1253px 970px #FFF , 769px 1973px #FFF , 1925px 1808px #FFF , 642px 1453px #FFF , 259px 329px #FFF , 869px 1739px #FFF , 731px 1837px #FFF , 1132px 1614px #FFF , 1942px 1771px #FFF , 1537px 155px #FFF , 922px 1827px #FFF , 1379px 707px #FFF , 1677px 956px #FFF , 920px 1221px #FFF , 886px 1166px #FFF , 210px 216px #FFF , 1688px 1954px #FFF , 1662px 778px #FFF , 1392px 921px #FFF , 412px 1739px #FFF , 101px 882px #FFF , 1593px 1389px #FFF , 1863px 339px #FFF , 591px 175px #FFF , 1423px 81px #FFF , 1976px 1384px #FFF , 1874px 479px #FFF , 1189px 1930px #FFF , 12px 1882px #FFF , 1939px 801px #FFF , 1970px 188px #FFF , 1384px 390px #FFF , 873px 1211px #FFF , 966px 1260px #FFF , 1739px 1602px #FFF , 100px 745px #FFF , 657px 338px #FFF , 134px 1118px #FFF , 1541px 1273px #FFF , 1791px 104px #FFF , 1588px 420px #FFF , 1973px 305px #FFF , 1629px 226px #FFF , 1528px 1840px #FFF , 853px 1014px #FFF , 1174px 1390px #FFF , 665px 876px #FFF , 1990px 1556px #FFF , 1292px 769px #FFF , 748px 1028px #FFF , 857px 966px #FFF , 553px 1466px #FFF , 1109px 277px #FFF , 850px 791px #FFF , 1017px 1059px #FFF , 1785px 401px #FFF , 612px 575px #FFF , 1942px 546px #FFF , 586px 194px #FFF , 1705px 133px #FFF , 434px 225px #FFF , 1563px 963px #FFF , 1552px 1384px #FFF , 777px 169px #FFF , 279px 988px #FFF , 1190px 1098px #FFF , 858px 1824px #FFF , 1917px 1791px #FFF , 1709px 1260px #FFF , 1558px 145px #FFF , 218px 267px #FFF , 960px 802px #FFF , 886px 1655px #FFF , 470px 760px #FFF , 1959px 1662px #FFF , 1857px 470px #FFF , 1131px 1606px #FFF , 1416px 1530px #FFF , 1123px 1334px #FFF , 1786px 295px #FFF , 205px 1310px #FFF , 354px 1922px #FFF , 1037px 1686px #FFF , 503px 535px #FFF , 996px 512px #FFF , 1186px 1529px #FFF , 1220px 786px #FFF , 874px 1134px #FFF , 462px 1430px #FFF , 1663px 1747px #FFF , 1975px 975px #FFF , 886px 1374px #FFF , 613px 338px #FFF , 639px 744px #FFF , 753px 1045px #FFF , 703px 1469px #FFF , 118px 215px #FFF , 798px 811px #FFF , 1717px 1292px #FFF , 920px 1289px #FFF , 742px 922px #FFF , 113px 791px #FFF , 863px 89px #FFF , 1037px 1238px #FFF , 344px 770px #FFF , 1675px 542px #FFF , 1127px 1366px #FFF , 1120px 888px #FFF , 716px 534px #FFF , 1610px 26px #FFF , 1275px 850px #FFF , 1351px 1461px #FFF , 494px 866px #FFF , 1232px 706px #FFF , 1528px 426px #FFF , 1664px 1252px #FFF , 1947px 1073px #FFF , 1915px 33px #FFF , 878px 1058px #FFF , 419px 773px #FFF , 1614px 288px #FFF , 118px 749px #FFF , 1546px 1332px #FFF , 236px 1915px #FFF , 532px 320px #FFF , 1860px 1314px #FFF , 1467px 1266px #FFF , 324px 1914px #FFF , 20px 899px #FFF , 1860px 776px #FFF , 1462px 1835px #FFF , 1586px 1971px #FFF , 1663px 1341px #FFF , 1583px 969px #FFF , 949px 1670px #FFF , 1780px 1514px #FFF , 864px 1219px #FFF , 1606px 769px #FFF , 765px 227px #FFF , 1781px 861px #FFF , 741px 874px #FFF , 1386px 161px #FFF , 516px 859px #FFF , 1401px 1378px #FFF , 544px 1751px #FFF , 943px 1151px #FFF , 932px 820px #FFF , 1949px 1549px #FFF , 629px 1181px #FFF , 614px 342px #FFF , 1069px 1458px #FFF , 1151px 1069px #FFF , 793px 640px #FFF , 881px 1321px #FFF , 780px 315px #FFF , 1645px 1864px #FFF , 1903px 1993px #FFF , 546px 183px #FFF , 6px 910px #FFF , 1830px 941px #FFF , 701px 1535px #FFF , 816px 59px #FFF , 935px 300px #FFF , 1563px 626px #FFF , 170px 1584px #FFF , 1539px 869px #FFF , 420px 65px #FFF , 342px 420px #FFF , 656px 46px #FFF , 607px 1028px #FFF , 1378px 1287px #FFF , 1194px 996px #FFF , 1764px 829px #FFF , 671px 967px #FFF , 180px 1152px #FFF , 1822px 86px #FFF , 644px 1850px #FFF , 342px 384px #FFF , 76px 1651px #FFF , 848px 1456px #FFF , 1614px 1316px #FFF , 436px 627px #FFF , 116px 590px #FFF , 168px 776px #FFF , 1747px 264px #FFF , 1179px 677px #FFF , 889px 1718px #FFF , 834px 1611px #FFF , 740px 1187px #FFF , 1697px 1799px #FFF , 1566px 1529px #FFF , 1629px 705px #FFF , 1551px 252px #FFF , 1611px 568px #FFF , 1339px 433px #FFF , 728px 1110px #FFF , 292px 165px #FFF , 1400px 1339px #FFF , 671px 1385px #FFF , 1482px 1162px #FFF , 1785px 1480px #FFF , 1924px 778px #FFF , 1519px 42px #FFF , 49px 1199px #FFF , 78px 929px #FFF , 623px 269px #FFF , 1705px 693px #FFF , 1667px 1988px #FFF , 329px 463px #FFF , 933px 439px #FFF , 1567px 464px #FFF , 311px 1852px #FFF , 1694px 1971px #FFF , 477px 226px #FFF , 195px 1813px #FFF , 552px 1087px #FFF , 815px 211px #FFF , 1283px 1277px #FFF , 552px 203px #FFF , 681px 707px #FFF , 1187px 940px #FFF , 851px 638px #FFF , 366px 974px #FFF , 352px 985px #FFF , 1757px 744px #FFF , 1983px 10px #FFF , 1740px 1179px #FFF , 1892px 549px #FFF , 129px 1771px #FFF , 134px 1664px #FFF , 1265px 1434px #FFF , 1211px 1601px #FFF , 852px 1145px #FFF , 1620px 1940px #FFF , 414px 671px #FFF , 1398px 390px #FFF , 1079px 1736px #FFF , 522px 459px #FFF , 828px 110px #FFF , 234px 1244px #FFF , 914px 872px #FFF , 124px 1306px #FFF , 264px 585px #FFF , 1160px 656px #FFF , 1150px 1978px #FFF , 413px 1129px #FFF , 1121px 745px #FFF , 1341px 349px #FFF , 856px 719px #FFF , 526px 796px #FFF , 1469px 1071px #FFF , 824px 573px #FFF , 456px 250px #FFF , 1723px 1456px #FFF , 816px 1757px #FFF , 273px 873px #FFF , 15px 1535px #FFF , 612px 476px #FFF , 1291px 586px #FFF , 525px 1248px #FFF , 662px 1700px #FFF , 1925px 1560px #FFF , 1760px 1476px #FFF , 1755px 1997px #FFF , 314px 1957px #FFF , 720px 192px #FFF , 213px 238px #FFF , 732px 585px #FFF , 841px 407px #FFF , 490px 1723px #FFF , 1775px 45px #FFF , 1338px 1058px #FFF , 1223px 1107px #FFF , 1308px 605px #FFF , 56px 836px #FFF , 1580px 204px #FFF , 809px 1611px #FFF , 863px 1494px #FFF , 427px 1538px #FFF , 786px 1315px #FFF , 312px 170px #FFF , 1885px 983px #FFF , 746px 949px #FFF , 1755px 497px #FFF , 1062px 1855px #FFF , 1968px 65px #FFF , 144px 1582px #FFF , 60px 588px #FFF , 512px 963px #FFF , 463px 1717px #FFF , 187px 1427px #FFF , 458px 1527px #FFF , 1796px 599px #FFF , 602px 1048px #FFF , 332px 817px #FFF , 190px 759px #FFF , 832px 379px #FFF , 335px 501px #FFF , 317px 1645px #FFF , 33px 1508px #FFF , 1865px 692px #FFF , 1275px 1118px #FFF , 84px 1521px #FFF , 1990px 1248px #FFF , 1653px 1301px #FFF , 650px 396px #FFF , 495px 766px #FFF , 1701px 1414px #FFF , 330px 1478px #FFF , 290px 313px #FFF , 95px 609px #FFF , 581px 1144px #FFF , 1267px 974px #FFF , 1374px 1148px #FFF , 1843px 133px #FFF , 407px 1374px #FFF , 139px 117px #FFF , 1744px 271px #FFF , 453px 966px #FFF , 1624px 295px #FFF , 1854px 1084px #FFF , 178px 465px #FFF , 579px 689px #FFF , 86px 871px #FFF , 1026px 1612px #FFF , 823px 391px #FFF , 1597px 1154px #FFF , 1068px 1392px #FFF , 968px 183px #FFF , 1152px 1305px #FFF , 781px 1441px #FFF , 406px 381px #FFF , 1555px 181px #FFF , 1944px 1492px #FFF , 262px 39px #FFF , 1759px 609px #FFF , 57px 143px #FFF , 930px 762px #FFF , 1278px 1461px #FFF , 1443px 1111px #FFF , 1694px 1102px #FFF , 1181px 1636px #FFF , 750px 1406px #FFF , 1716px 1744px #FFF , 104px 31px #FFF , 759px 217px #FFF , 1238px 494px #FFF , 956px 1032px #FFF , 1917px 1531px #FFF , 1034px 107px #FFF , 1804px 432px #FFF , 1146px 883px #FFF , 525px 1747px #FFF , 237px 15px #FFF , 365px 645px #FFF , 1403px 1849px #FFF , 25px 1596px #FFF , 1341px 948px #FFF , 1816px 515px #FFF , 1792px 1332px #FFF , 1541px 943px #FFF , 2px 659px #FFF , 1089px 1154px #FFF , 1706px 420px #FFF , 1615px 599px #FFF , 429px 1132px #FFF , 234px 611px #FFF , 1523px 1749px #FFF , 311px 1709px #FFF , 28px 141px #FFF , 1897px 884px #FFF , 1399px 1668px #FFF , 222px 1134px #FFF , 446px 1360px #FFF , 686px 6px #FFF , 1085px 1084px #FFF , 580px 1274px #FFF , 692px 258px #FFF , 1145px 1171px #FFF , 604px 1888px #FFF , 721px 1317px #FFF , 1065px 1443px #FFF , 1366px 1648px #FFF , 1531px 351px #FFF , 2000px 1714px #FFF , 135px 1324px #FFF , 573px 709px #FFF , 1839px 1775px #FFF , 226px 1159px #FFF , 1576px 182px #FFF , 173px 1608px #FFF , 1845px 392px #FFF , 939px 710px #FFF , 1120px 805px #FFF , 1620px 511px #FFF , 1763px 70px #FFF , 1182px 706px #FFF , 1390px 1857px #FFF , 82px 141px #FFF , 908px 563px #FFF , 414px 1772px #FFF , 1407px 1500px #FFF , 905px 1767px #FFF , 1313px 1367px #FFF , 576px 1561px #FFF , 1106px 941px #FFF , 60px 153px #FFF , 1252px 552px #FFF , 248px 998px #FFF , 1312px 1374px #FFF , 729px 1372px #FFF , 1829px 1247px #FFF , 892px 1119px #FFF , 661px 647px #FFF , 1929px 368px #FFF , 1042px 498px #FFF , 1702px 63px #FFF , 1730px 748px #FFF , 420px 176px #FFF , 328px 603px #FFF , 1727px 913px #FFF , 1390px 1761px #FFF , 1352px 777px #FFF , 1577px 1596px #FFF , 1768px 432px #FFF , 1656px 491px #FFF , 1981px 121px #FFF , 1248px 556px #FFF , 757px 628px #FFF , 500px 1562px #FFF , 1703px 1629px #FFF , 1603px 276px #FFF , 1514px 858px #FFF , 981px 65px #FFF , 1629px 1481px #FFF , 1799px 987px #FFF , 1775px 1848px #FFF , 1136px 1597px #FFF , 968px 32px #FFF , 1858px 1671px #FFF , 1320px 822px #FFF , 1995px 1097px #FFF , 613px 270px #FFF , 1611px 599px #FFF , 930px 304px #FFF , 174px 284px #FFF , 1845px 412px #FFF , 749px 892px #FFF , 247px 26px #FFF , 864px 1343px #FFF , 1386px 716px #FFF , 207px 1672px #FFF , 1129px 295px #FFF , 1638px 609px #FFF , 610px 243px #FFF , 606px 1635px #FFF , 150px 703px #FFF , 216px 906px #FFF , 196px 1920px #FFF , 1782px 1367px #FFF , 829px 1423px #FFF , 396px 1397px #FFF , 808px 342px #FFF , 1191px 1128px #FFF , 1380px 405px #FFF , 1218px 1219px #FFF , 1264px 842px #FFF , 410px 1029px #FFF , 1727px 671px #FFF , 1675px 509px #FFF , 1299px 347px #FFF , 1274px 1506px #FFF , 1294px 719px #FFF , 503px 1787px #FFF , 322px 1381px #FFF , 73px 1862px #FFF , 206px 519px #FFF , 455px 698px #FFF , 1225px 1812px #FFF , 584px 489px #FFF , 97px 268px #FFF , 538px 1783px #FFF , 579px 818px #FFF , 1372px 323px #FFF , 594px 1078px #FFF , 588px 776px #FFF , 350px 457px #FFF , 670px 1302px #FFF , 302px 978px #FFF , 342px 1792px #FFF , 1886px 672px #FFF , 680px 269px #FFF , 1227px 1532px #FFF , 1350px 1298px #FFF , 689px 26px #FFF , 1837px 880px #FFF , 43px 1592px #FFF , 987px 1422px #FFF , 1766px 1241px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 960px 1361px #FFF , 1202px 389px #FFF , 988px 642px #FFF , 1485px 1143px #FFF , 355px 1755px #FFF , 960px 1671px #FFF , 308px 867px #FFF , 1143px 601px #FFF , 892px 1588px #FFF , 311px 32px #FFF , 1355px 1513px #FFF , 938px 1895px #FFF , 1456px 1815px #FFF , 489px 1287px #FFF , 242px 684px #FFF , 433px 372px #FFF , 1000px 103px #FFF , 1725px 870px #FFF , 1824px 292px #FFF , 1962px 1874px #FFF , 386px 871px #FFF , 1229px 1026px #FFF , 1021px 1053px #FFF , 992px 1602px #FFF , 1385px 982px #FFF , 760px 977px #FFF , 1440px 564px #FFF , 1595px 1430px #FFF , 1012px 671px #FFF , 590px 1453px #FFF , 390px 608px #FFF , 1933px 626px #FFF , 138px 312px #FFF , 1594px 1726px #FFF , 1184px 1172px #FFF , 1104px 1380px #FFF , 392px 220px #FFF , 621px 1257px #FFF , 233px 896px #FFF , 545px 1492px #FFF , 1573px 1697px #FFF , 1505px 666px #FFF , 1409px 18px #FFF , 572px 754px #FFF , 541px 1790px #FFF , 1637px 1637px #FFF , 215px 1989px #FFF , 1720px 1738px #FFF , 78px 193px #FFF , 135px 1417px #FFF , 849px 1898px #FFF , 324px 724px #FFF , 556px 595px #FFF , 820px 1356px #FFF , 1898px 526px #FFF , 456px 1019px #FFF , 1321px 1651px #FFF , 406px 1422px #FFF , 150px 650px #FFF , 297px 1134px #FFF , 873px 1227px #FFF , 218px 767px #FFF , 1042px 1459px #FFF , 790px 1685px #FFF , 1208px 1080px #FFF , 1825px 1231px #FFF , 895px 1136px #FFF , 568px 696px #FFF , 1720px 19px #FFF , 1461px 1142px #FFF , 255px 1144px #FFF , 930px 1169px #FFF , 1578px 277px #FFF , 1422px 227px #FFF , 1627px 90px #FFF , 1575px 1941px #FFF , 742px 829px #FFF , 1739px 629px #FFF , 1221px 1430px #FFF , 1334px 1008px #FFF , 1370px 1325px #FFF , 452px 1484px #FFF , 1248px 22px #FFF , 1437px 575px #FFF , 1805px 1853px #FFF , 1495px 204px #FFF , 449px 933px #FFF , 67px 528px #FFF , 1112px 1006px #FFF , 1486px 1022px #FFF , 247px 1805px #FFF , 231px 1527px #FFF , 957px 91px #FFF , 1639px 1710px #FFF , 1869px 538px #FFF , 1195px 1524px #FFF , 742px 844px #FFF , 905px 1397px #FFF , 35px 665px #FFF , 1616px 100px #FFF , 1546px 1333px #FFF , 384px 1897px #FFF , 1585px 1884px #FFF , 299px 454px #FFF , 938px 212px #FFF , 1134px 887px #FFF , 588px 1815px #FFF , 1499px 299px #FFF , 682px 1023px #FFF , 1654px 5px #FFF , 791px 1346px #FFF , 1462px 1661px #FFF , 626px 1898px #FFF , 772px 765px #FFF , 83px 1578px #FFF , 1630px 387px #FFF , 1982px 1563px #FFF , 562px 1600px #FFF , 1890px 1403px #FFF , 1633px 1367px #FFF , 1163px 1057px #FFF , 886px 1949px #FFF , 1447px 944px #FFF , 63px 931px #FFF , 360px 1135px #FFF , 1544px 1432px #FFF , 288px 1403px #FFF , 991px 1576px #FFF , 1198px 1404px #FFF , 30px 830px #FFF , 392px 1996px #FFF , 947px 1217px #FFF , 356px 1872px #FFF , 1110px 206px #FFF , 82px 1349px #FFF , 913px 719px #FFF , 505px 1729px #FFF , 1225px 1116px #FFF , 1330px 1298px #FFF , 115px 696px #FFF , 1337px 770px #FFF , 1999px 1292px #FFF , 772px 1576px #FFF , 1228px 1503px #FFF , 1072px 1275px #FFF , 459px 158px #FFF , 610px 1406px #FFF , 1663px 1897px #FFF , 1313px 1184px #FFF , 1839px 358px #FFF , 1529px 647px #FFF , 1723px 334px #FFF , 729px 821px #FFF , 1318px 1351px #FFF , 1948px 1735px #FFF , 1486px 1011px #FFF , 1213px 1401px #FFF , 437px 312px #FFF , 432px 1400px #FFF , 1169px 391px #FFF , 276px 1766px #FFF , 1291px 183px #FFF , 138px 1139px #FFF , 884px 746px #FFF , 1964px 1860px #FFF , 268px 1765px #FFF , 1394px 1207px #FFF , 906px 550px #FFF , 1208px 90px #FFF , 149px 721px #FFF , 1967px 1359px #FFF , 1868px 258px #FFF , 1995px 1499px #FFF , 1228px 1989px #FFF , 779px 1034px #FFF , 920px 1807px #FFF , 1578px 960px #FFF , 964px 102px #FFF , 1002px 1634px #FFF , 1766px 543px #FFF , 1660px 670px #FFF , 297px 1003px #FFF , 931px 1906px #FFF , 938px 1498px #FFF , 930px 284px #FFF , 1983px 726px #FFF , 937px 529px #FFF , 1559px 1164px #FFF , 1982px 26px #FFF , 1004px 1415px #FFF , 1649px 1232px #FFF , 1063px 261px #FFF , 1065px 203px #FFF , 79px 1186px #FFF , 1212px 98px #FFF , 515px 1407px #FFF , 1228px 1521px #FFF , 1764px 1324px #FFF , 1648px 1954px #FFF , 391px 1539px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  bottom: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 960px 1361px #FFF , 1202px 389px #FFF , 988px 642px #FFF , 1485px 1143px #FFF , 355px 1755px #FFF , 960px 1671px #FFF , 308px 867px #FFF , 1143px 601px #FFF , 892px 1588px #FFF , 311px 32px #FFF , 1355px 1513px #FFF , 938px 1895px #FFF , 1456px 1815px #FFF , 489px 1287px #FFF , 242px 684px #FFF , 433px 372px #FFF , 1000px 103px #FFF , 1725px 870px #FFF , 1824px 292px #FFF , 1962px 1874px #FFF , 386px 871px #FFF , 1229px 1026px #FFF , 1021px 1053px #FFF , 992px 1602px #FFF , 1385px 982px #FFF , 760px 977px #FFF , 1440px 564px #FFF , 1595px 1430px #FFF , 1012px 671px #FFF , 590px 1453px #FFF , 390px 608px #FFF , 1933px 626px #FFF , 138px 312px #FFF , 1594px 1726px #FFF , 1184px 1172px #FFF , 1104px 1380px #FFF , 392px 220px #FFF , 621px 1257px #FFF , 233px 896px #FFF , 545px 1492px #FFF , 1573px 1697px #FFF , 1505px 666px #FFF , 1409px 18px #FFF , 572px 754px #FFF , 541px 1790px #FFF , 1637px 1637px #FFF , 215px 1989px #FFF , 1720px 1738px #FFF , 78px 193px #FFF , 135px 1417px #FFF , 849px 1898px #FFF , 324px 724px #FFF , 556px 595px #FFF , 820px 1356px #FFF , 1898px 526px #FFF , 456px 1019px #FFF , 1321px 1651px #FFF , 406px 1422px #FFF , 150px 650px #FFF , 297px 1134px #FFF , 873px 1227px #FFF , 218px 767px #FFF , 1042px 1459px #FFF , 790px 1685px #FFF , 1208px 1080px #FFF , 1825px 1231px #FFF , 895px 1136px #FFF , 568px 696px #FFF , 1720px 19px #FFF , 1461px 1142px #FFF , 255px 1144px #FFF , 930px 1169px #FFF , 1578px 277px #FFF , 1422px 227px #FFF , 1627px 90px #FFF , 1575px 1941px #FFF , 742px 829px #FFF , 1739px 629px #FFF , 1221px 1430px #FFF , 1334px 1008px #FFF , 1370px 1325px #FFF , 452px 1484px #FFF , 1248px 22px #FFF , 1437px 575px #FFF , 1805px 1853px #FFF , 1495px 204px #FFF , 449px 933px #FFF , 67px 528px #FFF , 1112px 1006px #FFF , 1486px 1022px #FFF , 247px 1805px #FFF , 231px 1527px #FFF , 957px 91px #FFF , 1639px 1710px #FFF , 1869px 538px #FFF , 1195px 1524px #FFF , 742px 844px #FFF , 905px 1397px #FFF , 35px 665px #FFF , 1616px 100px #FFF , 1546px 1333px #FFF , 384px 1897px #FFF , 1585px 1884px #FFF , 299px 454px #FFF , 938px 212px #FFF , 1134px 887px #FFF , 588px 1815px #FFF , 1499px 299px #FFF , 682px 1023px #FFF , 1654px 5px #FFF , 791px 1346px #FFF , 1462px 1661px #FFF , 626px 1898px #FFF , 772px 765px #FFF , 83px 1578px #FFF , 1630px 387px #FFF , 1982px 1563px #FFF , 562px 1600px #FFF , 1890px 1403px #FFF , 1633px 1367px #FFF , 1163px 1057px #FFF , 886px 1949px #FFF , 1447px 944px #FFF , 63px 931px #FFF , 360px 1135px #FFF , 1544px 1432px #FFF , 288px 1403px #FFF , 991px 1576px #FFF , 1198px 1404px #FFF , 30px 830px #FFF , 392px 1996px #FFF , 947px 1217px #FFF , 356px 1872px #FFF , 1110px 206px #FFF , 82px 1349px #FFF , 913px 719px #FFF , 505px 1729px #FFF , 1225px 1116px #FFF , 1330px 1298px #FFF , 115px 696px #FFF , 1337px 770px #FFF , 1999px 1292px #FFF , 772px 1576px #FFF , 1228px 1503px #FFF , 1072px 1275px #FFF , 459px 158px #FFF , 610px 1406px #FFF , 1663px 1897px #FFF , 1313px 1184px #FFF , 1839px 358px #FFF , 1529px 647px #FFF , 1723px 334px #FFF , 729px 821px #FFF , 1318px 1351px #FFF , 1948px 1735px #FFF , 1486px 1011px #FFF , 1213px 1401px #FFF , 437px 312px #FFF , 432px 1400px #FFF , 1169px 391px #FFF , 276px 1766px #FFF , 1291px 183px #FFF , 138px 1139px #FFF , 884px 746px #FFF , 1964px 1860px #FFF , 268px 1765px #FFF , 1394px 1207px #FFF , 906px 550px #FFF , 1208px 90px #FFF , 149px 721px #FFF , 1967px 1359px #FFF , 1868px 258px #FFF , 1995px 1499px #FFF , 1228px 1989px #FFF , 779px 1034px #FFF , 920px 1807px #FFF , 1578px 960px #FFF , 964px 102px #FFF , 1002px 1634px #FFF , 1766px 543px #FFF , 1660px 670px #FFF , 297px 1003px #FFF , 931px 1906px #FFF , 938px 1498px #FFF , 930px 284px #FFF , 1983px 726px #FFF , 937px 529px #FFF , 1559px 1164px #FFF , 1982px 26px #FFF , 1004px 1415px #FFF , 1649px 1232px #FFF , 1063px 261px #FFF , 1065px 203px #FFF , 79px 1186px #FFF , 1212px 98px #FFF , 515px 1407px #FFF , 1228px 1521px #FFF , 1764px 1324px #FFF , 1648px 1954px #FFF , 391px 1539px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1897px 1181px #FFF , 1403px 471px #FFF , 1938px 142px #FFF , 1920px 358px #FFF , 1761px 386px #FFF , 133px 262px #FFF , 1904px 943px #FFF , 258px 863px #FFF , 978px 793px #FFF , 503px 105px #FFF , 144px 1836px #FFF , 565px 1396px #FFF , 1924px 750px #FFF , 1424px 405px #FFF , 683px 1843px #FFF , 1554px 131px #FFF , 359px 1509px #FFF , 314px 746px #FFF , 1121px 1888px #FFF , 432px 229px #FFF , 1217px 1187px #FFF , 1829px 1693px #FFF , 457px 390px #FFF , 1840px 1801px #FFF , 265px 1134px #FFF , 27px 1506px #FFF , 1255px 1011px #FFF , 1397px 434px #FFF , 342px 1053px #FFF , 570px 1175px #FFF , 721px 1160px #FFF , 1988px 1546px #FFF , 225px 207px #FFF , 445px 1062px #FFF , 39px 830px #FFF , 1201px 106px #FFF , 56px 549px #FFF , 828px 4px #FFF , 1201px 1642px #FFF , 1712px 1577px #FFF , 1960px 967px #FFF , 1338px 225px #FFF , 720px 1461px #FFF , 4px 1982px #FFF , 1932px 603px #FFF , 1867px 330px #FFF , 1347px 393px #FFF , 979px 846px #FFF , 1828px 267px #FFF , 1276px 1556px #FFF , 492px 609px #FFF , 846px 1006px #FFF , 503px 1060px #FFF , 235px 1492px #FFF , 496px 1889px #FFF , 1871px 28px #FFF , 836px 360px #FFF , 1590px 1498px #FFF , 1108px 1849px #FFF , 526px 1677px #FFF , 152px 976px #FFF , 971px 1px #FFF , 44px 387px #FFF , 981px 1237px #FFF , 400px 1802px #FFF , 1155px 920px #FFF , 151px 562px #FFF , 515px 1903px #FFF , 1848px 596px #FFF , 169px 831px #FFF , 63px 1432px #FFF , 1638px 706px #FFF , 193px 1299px #FFF , 595px 411px #FFF , 736px 962px #FFF , 417px 1305px #FFF , 1482px 1576px #FFF , 767px 1842px #FFF , 1316px 229px #FFF , 1965px 176px #FFF , 261px 1786px #FFF , 1449px 1410px #FFF , 1465px 1838px #FFF , 1278px 170px #FFF , 115px 47px #FFF , 280px 1316px #FFF , 1571px 341px #FFF , 1149px 1777px #FFF , 1567px 1885px #FFF , 632px 1772px #FFF , 218px 1922px #FFF , 812px 1845px #FFF , 613px 1990px #FFF , 1414px 778px #FFF , 1606px 989px #FFF , 219px 496px #FFF , 1556px 1966px #FFF , 779px 1998px #FFF , 603px 1545px #FFF , 1652px 1781px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  bottom: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1897px 1181px #FFF , 1403px 471px #FFF , 1938px 142px #FFF , 1920px 358px #FFF , 1761px 386px #FFF , 133px 262px #FFF , 1904px 943px #FFF , 258px 863px #FFF , 978px 793px #FFF , 503px 105px #FFF , 144px 1836px #FFF , 565px 1396px #FFF , 1924px 750px #FFF , 1424px 405px #FFF , 683px 1843px #FFF , 1554px 131px #FFF , 359px 1509px #FFF , 314px 746px #FFF , 1121px 1888px #FFF , 432px 229px #FFF , 1217px 1187px #FFF , 1829px 1693px #FFF , 457px 390px #FFF , 1840px 1801px #FFF , 265px 1134px #FFF , 27px 1506px #FFF , 1255px 1011px #FFF , 1397px 434px #FFF , 342px 1053px #FFF , 570px 1175px #FFF , 721px 1160px #FFF , 1988px 1546px #FFF , 225px 207px #FFF , 445px 1062px #FFF , 39px 830px #FFF , 1201px 106px #FFF , 56px 549px #FFF , 828px 4px #FFF , 1201px 1642px #FFF , 1712px 1577px #FFF , 1960px 967px #FFF , 1338px 225px #FFF , 720px 1461px #FFF , 4px 1982px #FFF , 1932px 603px #FFF , 1867px 330px #FFF , 1347px 393px #FFF , 979px 846px #FFF , 1828px 267px #FFF , 1276px 1556px #FFF , 492px 609px #FFF , 846px 1006px #FFF , 503px 1060px #FFF , 235px 1492px #FFF , 496px 1889px #FFF , 1871px 28px #FFF , 836px 360px #FFF , 1590px 1498px #FFF , 1108px 1849px #FFF , 526px 1677px #FFF , 152px 976px #FFF , 971px 1px #FFF , 44px 387px #FFF , 981px 1237px #FFF , 400px 1802px #FFF , 1155px 920px #FFF , 151px 562px #FFF , 515px 1903px #FFF , 1848px 596px #FFF , 169px 831px #FFF , 63px 1432px #FFF , 1638px 706px #FFF , 193px 1299px #FFF , 595px 411px #FFF , 736px 962px #FFF , 417px 1305px #FFF , 1482px 1576px #FFF , 767px 1842px #FFF , 1316px 229px #FFF , 1965px 176px #FFF , 261px 1786px #FFF , 1449px 1410px #FFF , 1465px 1838px #FFF , 1278px 170px #FFF , 115px 47px #FFF , 280px 1316px #FFF , 1571px 341px #FFF , 1149px 1777px #FFF , 1567px 1885px #FFF , 632px 1772px #FFF , 218px 1922px #FFF , 812px 1845px #FFF , 613px 1990px #FFF , 1414px 778px #FFF , 1606px 989px #FFF , 219px 496px #FFF , 1556px 1966px #FFF , 779px 1998px #FFF , 603px 1545px #FFF , 1652px 1781px #FFF;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}


/*====LINEDROP====*/

/*body {
  display: table;
  width: 100%;
  height: 100%;
  background-color: #171717;
  color: #000;
  line-height: 1.6;
  position: relative;
  font-family: sans-serif;
  overflow: hidden;
}*/

.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: 100%;
  z-index: -1;
}

.line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: rgb(133 124 124 / 10%);
  overflow: hidden;
}
.line::after {
  content: "";
  display: block;
  position: absolute;
  height: 15vh;
  width: 100%;
  top: -50%;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #a5eb21 75%, #a5eb21 100%);
  -webkit-animation: drop 7s 0s infinite;
          animation: drop 7s 0s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
          animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
}
.line:nth-child(1) {
  left: 0;
  margin-left: 0;
}
.line:nth-child(1)::after {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.line:nth-child(3) {
  right: 0;
  left: auto;
  margin-left: 0;
}
.line:nth-child(3)::after {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

@-webkit-keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

@keyframes drop {
  0% {
    top: -50%;
  }
  100% {
    top: 110%;
  }
}

/*--SERVICES UPD--*/
.sv {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    align-items: baseline;
    padding-bottom: 25px;
}

.crd {
    background: #fff;
}

#cards {
    padding-bottom: calc(var(--numcards) * var(--card-top-offset)); /* Make place at bottom, as items will slide to that position*/
    margin-bottom: var(--card-margin); /* Don't include the --card-margin in padding, as that will affect the scroll-timeline*/
}

#card_1 {
    --index: 1;
}

#card_2 {
    --index: 2;
}

#card_3 {
    --index: 3;
}

#card_4 {
    --index: 4;
}

.card {
    position: sticky;
    top: 0;
    padding-top: calc(var(--index) * var(--card-top-offset));
    margin-bottom: 40px;
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
}
.card:last-of-type {
    margin-bottom: 0;
}

.card .col {
    width: 100%;
}
/*.card .img-block {
    padding-top: 635px;
}*/
.card .col-1 {
    padding: 45px;
}
.card .jarallax {
    min-height: 500px;
}
/*.card h2 {
    font-size: 55px;
    font-weight: 600;
    text-transform: uppercase;
}
.card p {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0px;
    padding: 20px 0 0;
    max-width: 100%;
}*/
.crd-1 .wrap {
    padding: 0 80px;
    max-width: 100%;
    margin: 0 auto;
}
.card__content {
    /*background: #c2f267;*/
    background: rgb(247 247 247 / 70%);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    backdrop-filter: blur(10px);
    border-radius: 10px;
}
.card .jarallax-container {
    border-radius: 12px;
    /*border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;*/
}
.m-col-1 {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.m-col-1 h3 {
    font-size: 35px;
    text-transform: uppercase;
    line-height: 1.2;
}
.m-col-1 p {
    max-width: 300px;
}

@supports (animation-timeline: works) {

    @scroll-timeline cards-element-scrolls-in-body {
        source: selector(body);
        scroll-offsets:
            /* Start when the start edge touches the top of the scrollport */
            selector(#cards) start 1,
            /* End when the start edge touches the start of the scrollport */
            selector(#cards) start 0
        ;
        start: selector(#cards) start 1; /* Start when the start edge touches the top of the scrollport */
        end: selector(#cards) start 0; /* End when the start edge touches the start of the scrollport */
        time-range: 4s;
    }

    .card {
        --index0: calc(var(--index) - 1); /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0)); /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1); /* 0-based reverse index */
    }
    
    .card__content {
        transform-origin: 50% 0%;
        will-change: transform;

        --duration: calc(var(--reverse-index0) * 1s);
        --delay: calc(var(--index0) * 1s);

        animation: var(--duration) linear scale var(--delay) forwards;
        animation-timeline: cards-element-scrolls-in-body;
    }

    @keyframes scale {
        to {
            transform:
                scale(calc(
                    1.1
                    -
                    calc(0.1 * var(--reverse-index))
                ));
        }
    }
}