:root {
    --transition: 0.4s ease-in-out;
}

* {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;}

/* GLOBAL */

html 	{}
body 	{line-height:1; /*background-image: url(/_uploads/_assets/bg-body.jpg); */color: #ffffff; background-position:top center; background-size:1430px auto; background-repeat: no-repeat; background-color: #151611;   font-family: "Roboto", sans-serif;}

#background-video {position: fixed; top: 0px; left: 0; width: 100%; min-height: 100%; height: 100%; object-fit: cover; object-position: top; z-index: -1;}


h1		{font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 70px; line-height: 0.9em; margin-bottom: 0.25em}
h2		{font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 51px; line-height: 0.9em; margin-bottom: 0.45em}
h3		{font-family: "Familjen Grotesk", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 41px; line-height: 0.9em; margin-bottom: 0.25em; color: #E300F2}
h4		{}
h5		{}
h6		{}

p		{font-size: 17px; font-weight: 300; line-height: 1.2em}

ul,
ol		{}

img     {max-width:100%; height:auto;}
a       {color:inherit;}
a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block;}
.inner  {max-width: 1250px; width: 100%; padding: 0 25px; margin:0 auto; }

/* HEADER */
header 			{background: linear-gradient(to bottom, #000000 0%, transparent 100%); padding: 35px 0; position: fixed; width: 100%; opacity: 0; transition: var(--transition);}
header .inner 	{max-width: 1250px; width: 100%; padding: 0 25px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}

.home-splash {margin-top: 17vw;}

.video-icon {width: 68px; height: 68px; object-fit: cover; border-radius: 16px; display: block; margin: 50px auto 0;}

.logo           {width: 240px;}

.btn        {font-size: 25px; font-weight: 300; background-color: #186AFF; border-radius: 11px; color: #ffffff; text-decoration: none; padding:18px 15px; display: inline-flex; text-align: center; transition: var(--transition);}
.btn:hover  {background-color: #ffffff; color:#186AFF}

.btn.has-image		{column-gap:10px;}
.btn.has-image img	{width: 25px;height:25px;}

.has-image:not(.btn)		{display:flex;align-items:center;gap:5px;}
.has-image:not(.btn) img	{width:20px;height:20px;}

.intro-section      	{text-align: center; padding: 200px 0; transition: var(--transition);}


.fade-1,
.fade-2,
.fade-3,
.fade-4		{opacity: 0; transition: var(--transition);}
.loaded 	{opacity: 1;}

.intro-section p    {width: 900px; max-width: 100%; margin: auto;}
.intro-section .btn {margin-top: 50px;}

.icon   {width: 114px; display: block; margin:50px auto 0;}

.signup-form            {padding:100px 0 150px;}
.signup-form .inner     {width: 100%; max-width: 820px; text-align: center}
.signup-form h2         {width: 720px; max-width: 100%; margin-left: auto; margin-right: auto}

/* FORM STYLES */
.form-container			{margin: 80px auto 0; width: 500px; max-width: 100%;}
.form-container .btn    {width: 168px; display: inline-block; text-align: center;}
.form-row				{margin-bottom: 60px;}
.form-cell				{}
.form-row-submit        {text-align: center;}

.form-captcha			{display: flex; justify-content: center;}

input[type="text"]		    {font-size: 22px; background-color: transparent; color: #ffffff; border:none; border-bottom: 1px solid #ffffff; width: 100%; padding-bottom: 10px;}
input[type="text"]:focus    {border-bottom: 1px solid #cccccc;}
input[type="password"]	    {}
input[type="submit"]	    {}
textarea				    {}

p.error-text                {font-size:14px;margin-top:7px;}

/* SELECT CSS */
.select-css				{}

/* LEGACY COOKIE BAR */
.cookieBar              {width: 100%; background-color:rgba(0,0,0,0.5); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999;}
.cookieBar p			{color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;}
.cookieBar .acceptBtn   {background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; }