/*--|Part 1|--*/
html{
	line-height:1.15;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
	
body{
	margin:0
}
	
article,aside,footer,header,nav,section{
	display:block
}
	
h1{
	font-size:2em;
	margin:0.67em 0
}
	
figcaption,figure,main{
	display:block
}
	
figure{
	margin:1em 40px
}
	
hr{
	box-sizing:content-box;
	height:0;
	overflow:visible
}
	
pre{
	font-family: 'OpenSans Regular', sans-serif;
	font-size:1em
}
	
a{
	background-color:transparent;
	-webkit-text-decoration-skip:objects
}
	
abbr[title]{
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
	
b,strong{
	font-weight:inherit
}
	
b,strong{
	font-weight:bolder
}
	
code,kbd,samp{
	font-family: 'OpenSans Regular', sans-serif;
	font-size:1em
}
	
dfn{
	font-style:italic
}
	
mark{
	background-color:#6495ED;
	color:#000
}
	
small{
	font-size:80%
}
	
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
	
sub{
	bottom:-0.25em
}
	
sup{
	top:-0.5em
}
	
audio,video{
	display:inline-block
}
	
audio:not([controls]){
	display:none;
	height:0
}
	
img{
	border-style:none
}
	
svg:not(:root){
	overflow:hidden
}
	
button,input,optgroup,select,textarea{
	font-family: 'OpenSans Regular', sans-serif;
	font-size:100%;
	line-height:1.15;
	margin:0
}
	
button,input{
	overflow:visible
}
	
button,select{
	text-transform:none
}
	
button,html [type="button"],[type="reset"],[type="submit"]{
	-webkit-appearance:button
}
	
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
	border-style:none;
	padding:0
}
	
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
	outline:1px dotted ButtonText
}
	
fieldset{
	padding:0.35em 0.75em 0.625em
}
	
legend{
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
	
progress{
	display:inline-block;
	vertical-align:baseline
}
	
textarea{
	overflow:auto
}
	
[type="checkbox"],[type="radio"]{
	box-sizing:border-box;
	padding:0
}
	
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
	height:auto
}
	
[type="search"]{
	-webkit-appearance:textfield;
	outline-offset:-2px
}
	
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none
}

::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
}

details,menu{
	display:block
}
	
summary{
	display:list-item
}
	
canvas{
	display:inline-block
}
	
template{
	display:none
}
	
[hidden]{
	display:none
}
	
html{
	box-sizing:border-box
}
	
*,*:before,*:after{
	box-sizing:inherit
}
	
body{
	background:#000000;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased
}
	
hr{
	border:0;
	display:block;
	height:1px;
	background:#242830;
	margin-top:24px;
	margin-bottom:24px
}
	
ul,ol{
	margin-top:0;
	margin-bottom:24px;
	padding-left:24px
}
	
ul{
	list-style:disc
}
	
ol{
	list-style:decimal
}
	
li>ul,li>ol{
	margin-bottom:0
}
	
dl{
	margin-top:0;
	margin-bottom:24px
}
	
dt{
	font-weight:600
}
	
dd{
	margin-left:24px;
	margin-bottom:24px
}
	
img{
	height:auto;
	max-width:100%;
	vertical-align:middle
}
	
figure{
	margin:24px 0
}
	
figcaption{
	font-size:16px;
	line-height:24px;
	padding:8px 0
}
	
img,svg{
	display:block
}
	
table{
	border-collapse:collapse;
	margin-bottom:24px;
	width:100%
}
	
tr{
	border-bottom:1px solid #242830
}
	
th{
	text-align:left
}
	
th,td{
	padding:10px 16px
}
	
th:first-child,td:first-child{
	padding-left:0
}
	
th:last-child,td:last-child{
	padding-right:0
}
	
html{
	font-size:20px;
	line-height:28px
}
	
body{
	color:#cccccc;
	font-size:1rem
}
	
body,button,input,select,textarea{
	font-family: 'OpenSans Regular', sans-serif;
}
	
a{
	color:#cccccc;
	text-decoration:underline
}
	
a:hover,a:active{
	outline:0;
	text-decoration:none
}
	
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	clear:both;
	color:#cccccc;
	font-weight:600
}
	
h1,.h1{
	font-size:38px;
	line-height:48px;
	letter-spacing:0px
}
	
@media (min-width: 641px){
	h1,.h1{
	font-size:44px;
	line-height:54px;
	letter-spacing:0px
    }
}
	
h2,.h2{
	font-size:32px;
	line-height:42px;
	letter-spacing:0px
}

@media (min-width: 641px){
	h2,.h2{
	font-size:38px;
	line-height:48px;
	letter-spacing:0px
    }
}

h3,.h3,blockquote{
	font-size:24px;
	line-height:34px;
	letter-spacing:0px
}

@media (min-width: 641px){
	h3,.h3,blockquote{
	font-size:32px;
	line-height:42px;
	letter-spacing:0px
    }

}
	
h4,h5,h6,.h4,.h5,.h6{
	font-size:20px;
	line-height:30px;
	letter-spacing:-0.1px
}

@media (min-width: 641px){
	h4,h5,h6,.h4,.h5,.h6{
	font-size:24px;
	line-height:34px;
	letter-spacing:0px
    }
}
	
@media (max-width: 640px){
.h1-mobile{
	font-size:38px;
	line-height:48px;
	letter-spacing:0px
}
.h2-mobile{
	font-size:32px;
	line-height:42px;
	letter-spacing:0px
}
.h3-mobile{
	font-size:24px;
	line-height:34px;
	letter-spacing:0px
}
.h4-mobile,.h5-mobile,.h6-mobile{
	font-size:20px;
	line-height:30px;
	letter-spacing:-0.1px
}
}

.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light .h1,
.text-light .h2,
.text-light .h3,
.text-light .h4,
.text-light .h5,
.text-light .h6 {
    color: #f5f5f5 !important;
}

.text-sm{
	font-size:18px;
	line-height:28px;
	letter-spacing:-0.1px
}

.text-xs{
	font-size:16px;
	line-height:24px;
	letter-spacing:-0.1px
}

h1,h2,.h1,.h2{
	margin-top:48px;
	margin-bottom:16px
}
	
h3,.h3{
	margin-top:36px;
	margin-bottom:12px
}
	
h4,h5,h6,.h4,.h5,.h6{
	margin-top:24px;
	margin-bottom:4px
}
	
p{
	margin-top:0;
	margin-bottom:24px
}
	
dfn,cite,em,i{
	font-style:italic
}
	
blockquote{
	color:#cccccc;
	font-style:italic;
	margin-top:24px;
	margin-bottom:24px;
	margin-left:24px
}
	
blockquote::before{
	content:"\201C"
}
	
blockquote::after{
	content:"\201D"
}
	
blockquote p{
	display:inline
}
	
address{
	color:#cccccc;
	border-width:1px 0;
	border-style:solid;
	border-color:#242830;
	padding:24px 0;
	margin:0 0 24px
}
	
pre,pre h1,pre h2,pre h3,pre h4,pre h5,pre h6,pre .h1,pre .h2,pre .h3,pre .h4,pre .h5,pre .h6{
	font-family: 'OpenSans Regular', sans-serif;
}
	
pre,code,kbd,tt,var{
	background:#000000
}
	
pre{
	font-size:16px;
	line-height:24px;
	margin-bottom:1.6em;
	max-width:100%;
	overflow:auto;
	padding:24px;
	margin-top:24px;
	margin-bottom:24px
}
	
code,kbd,tt,var{
	font-family: 'OpenSans Regular', sans-serif;
	font-size:16px;
	padding:2px 4px
}
	
abbr,acronym{
	cursor:help
}
	
mark,ins{
	text-decoration:none
}
	
small{
	font-size:18px;
	line-height:28px;
	letter-spacing:-0.1px
}
	
b,strong{
	font-weight:600
}
	
button,input,select,textarea,label{
	font-size:20px;
	line-height:30px
}

.container,.container-sm{
	width:100%;
	margin:0 auto;
	padding-left:16px;
	padding-right:16px
}
	
@media (min-width: 481px){
.container,.container-sm
{
	padding-left:24px;
	padding-right:24px
}
}

.container{
	max-width:1128px
}

.container-sm{
	max-width:848px
}

.container .container-sm{
	max-width:800px;
	padding-left:0;
	padding-right:0
}

.screen-reader-text{
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
	height:1px;
	width:1px;
	overflow:hidden;
	word-wrap:normal !important
}

.screen-reader-text:focus{
	border-radius:2px;
	box-shadow:0 0 2px 2px #1c1d22;
	clip:auto !important;
	display:block;
	font-size:14px;
	letter-spacing:0px;
	font-weight:600;
	line-height:16px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#1c1d22;
	color:#6495ED !important;
	border:none;
	height:auto;
	left:8px;
	padding:16px 32px;
	top:8px;
	width:auto;
	z-index:100000
}

.list-reset{
	list-style:none;
	padding:0
}

.text-left{
	text-align:left
}

.text-center{
	text-align:center
}

.text-right{
	text-align:right
}

.text-primary{
	color:#6495ED
}

.has-top-divider{
	position:relative
}

.has-top-divider::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	display:block;
	height:1px;
	background:#242830
}

.has-bottom-divider{
	position:relative
}

.has-bottom-divider::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:block;
	height:1px;
	background:#242830
}

.m-0{
	margin:0
}

.mt-0{
	margin-top:0
}

.mr-0
{
	margin-right:0
}
.mb-0
{
	margin-bottom:0
}
.ml-0
{
	margin-left:0
}
.m-8
{
	margin:8px
}
.mt-8
{
	margin-top:8px
}
.mr-8
{
	margin-right:8px
}
.mb-8
{
	margin-bottom:8px
}
.ml-8
{
	margin-left:8px
}
.m-16
{
	margin:16px
}
.mt-16
{
	margin-top:16px
}
.mr-16
{
	margin-right:16px
}
.mb-16
{
	margin-bottom:16px
}
.ml-16
{
	margin-left:16px
}
.m-24
{
	margin:24px
}
.mt-24
{
	margin-top:24px
}
.mr-24
{
	margin-right:24px
}
.mb-24
{
	margin-bottom:24px
}
.ml-24
{
	margin-left:24px
}
.m-32
{
	margin:32px
}
.mt-32
{
	margin-top:32px
}
.mr-32
{
	margin-right:32px
}
.mb-32
{
	margin-bottom:32px
}
.ml-32
{
	margin-left:32px
}
.m-40
{
	margin:40px
}
.mt-40
{
	margin-top:40px
}
.mr-40
{
	margin-right:40px
}
.mb-40
{
	margin-bottom:40px
}
.ml-40
{
	margin-left:40px
}
.m-48
{
	margin:48px
}
.mt-48
{
	margin-top:48px
}
.mr-48
{
	margin-right:48px
}
.mb-48
{
	margin-bottom:48px
}
.ml-48
{
	margin-left:48px
}
.m-56
{
	margin:56px
}
.mt-56
{
	margin-top:56px
}
.mr-56
{
	margin-right:56px
}
.mb-56
{
	margin-bottom:56px
}
.ml-56
{
	margin-left:56px
}
.m-64
{
	margin:64px
}
.mt-64
{
	margin-top:64px
}
.mr-64
{
	margin-right:64px
}
.mb-64
{
	margin-bottom:64px
}
.ml-64
{
	margin-left:64px
}
.p-0
{
	padding:0
}
.pt-0
{
	padding-top:0
}
.pr-0
{
	padding-right:0
}
.pb-0
{
	padding-bottom:0
}
.pl-0
{
	padding-left:0
}
.p-8
{
	padding:8px
}
.pt-8
{
	padding-top:8px
}
.pr-8
{
	padding-right:8px
}
.pb-8
{
	padding-bottom:8px
}
.pl-8
{
	padding-left:8px
}
.p-16
{
	padding:16px
}
.pt-16
{
	padding-top:16px
}
.pr-16
{
	padding-right:16px
}
.pb-16
{
	padding-bottom:16px
}
.pl-16
{
	padding-left:16px
}
.p-24
{
	padding:24px
}
.pt-24
{
	padding-top:24px
}
.pr-24
{
	padding-right:24px
}
.pb-24
{
	padding-bottom:24px
}
.pl-24
{
	padding-left:24px
}
.p-32
{
	padding:32px
}
.pt-32
{
	padding-top:32px
}
.pr-32
{
	padding-right:32px
}
.pb-32
{
	padding-bottom:32px
}
.pl-32
{
	padding-left:32px
}
.p-40
{
	padding:40px
}
.pt-40
{
	padding-top:40px
}
.pr-40
{
	padding-right:40px
}
.pb-40
{
	padding-bottom:40px
}
.pl-40
{
	padding-left:40px
}
.p-48
{
	padding:48px
}
.pt-48
{
	padding-top:48px
}
.pr-48
{
	padding-right:48px
}
.pb-48
{
	padding-bottom:48px
}
.pl-48
{
	padding-left:48px
}
.p-56
{
	padding:56px
}
.pt-56
{
	padding-top:56px
}
.pr-56
{
	padding-right:56px
}
.pb-56
{
	padding-bottom:56px
}
.pl-56
{
	padding-left:56px
}
.p-64
{
	padding:64px
}
.pt-64
{
	padding-top:64px
}
.pr-64
{
	padding-right:64px
}
.pb-64
{
	padding-bottom:64px
}
.pl-64
{
	padding-left:64px
}
.sr .has-animations .is-revealing
{
	visibility:hidden
}
.has-animations .anime-element
{
	visibility:hidden
}
.anime-ready .has-animations .anime-element
{
	visibility:visible
}
.input,.textarea
{
	background-color:#cccccc;
	border-width:1px;
	border-style:solid;
	border-color:#242830;
	border-radius:2px;
	color:#cccccc;
	max-width:100%;
	width:100%
}
.input::-webkit-input-placeholder,.textarea::-webkit-input-placeholder
{
	color:#3B404C
}
.input:-ms-input-placeholder,.textarea:-ms-input-placeholder
{
	color:#3B404C
}
.input::-ms-input-placeholder,.textarea::-ms-input-placeholder
{
	color:#3B404C
}
.input::placeholder,.textarea::placeholder
{
	color:#3B404C
}
.input::-ms-input-placeholder,.textarea::-ms-input-placeholder
{
	color:#3B404C
}
.input:-ms-input-placeholder,.textarea:-ms-input-placeholder
{
	color:#3B404C
}
.input:hover,.textarea:hover
{
	border-color:#191c21
}
.input:active,.input:focus,.textarea:active,.textarea:focus
{
	outline:none;
	border-color:#242830
}
.input[disabled],.textarea[disabled]
{
	cursor:not-allowed;
	background-color:#1c1d22;
	border-color:#000000
}
.input
{
	-moz-appearance:none;
	-webkit-appearance:none;
	font-size:16px;
	letter-spacing:-0.1px;
	line-height:20px;
	padding:13px 16px;
	height:48px;
	box-shadow:none
}
.input .inline-input
{
	display:inline;
	width:auto
}
.textarea
{
	display:block;
	min-width:100%;
	resize:vertical
}
.textarea .inline-textarea
{
	display:inline;
	width:auto
}
.field-grouped>.control:not(:last-child)
{
	margin-bottom:8px;
}
	@media (min-width: 641px)
{
.field-grouped
{
	display:flex;
}
.field-grouped>.control
{
	flex-shrink:0;
}
.field-grouped>.control.control-expanded
{
	flex-grow:1;
	flex-shrink:1;
}
.field-grouped>.control:not(:last-child)
{
	margin-bottom:0;
	margin-right:8px;
}

}
.button
{
	display:inline-flex;
	font-size:14px;
	letter-spacing:0px;
	font-weight:600;
	line-height:16px;
	text-decoration:none !important;
	text-transform:uppercase;
	background-color: #2c2d35;
	color:#cccccc !important;
	border:none;
	border-radius:2px;
	cursor:pointer;
	justify-content:center;
	padding:16px 32px;
	height:48px;
	text-align:center;
	white-space:nowrap;
}
.button:hover
{
	background:#343539;
}
.button:active
{
	outline:0;
}
.button::before
{
	border-radius:2px;
}
.button-sm
{
	padding:8px 24px;
	height:32px
}
.button-primary
{
	background:#6495ED;
	background:linear-gradient(65deg, #6495ED 0, #0F8AFD 100%)
}
.button-primary:hover
{
	background:#6495ED;
	background:linear-gradient(65deg, #6495ED 0, #6495ED 100%)
}
.button-block
{
	display:flex
}
.button-block
{
	display:flex;
	width:100%
}
	@media (max-width: 640px)
{
.button-wide-mobile
{
	width:100%;
	max-width:280px
}

}
.site-header
{
	padding:24px 0
}
.site-header-inner
{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.header-links
{
	display:inline-flex
}
.header-links li
{
	display:inline-flex
}
.header-links a:not(.button)
{
	font-size:16px;
	line-height:24px;
	letter-spacing:-0.1px;
	font-weight:600;
	color:#cccccc;
	text-transform:uppercase;
	text-decoration:none;
	line-height:16px;
	padding:8px 24px
}
	@media (min-width: 641px)
{
.site-header
{
	position:relative
}
.site-header::before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:700px;
	background:#242830;
	background:linear-gradient(80deg, rgba(36,40,48,0.5) 0%, rgba(36,40,48,0) 100%);
	-webkit-transform-origin:0;
	transform-origin:0;
	-webkit-transform:skewY(-12deg);
	transform:skewY(-12deg)
}

}
.hero
{
	text-align:center;
	padding-top:48px;
	padding-bottom:88px
}
.hero-copy
{
	position:relative;
	z-index:1
}
.hero-cta
{
	margin-bottom:40px
}
.hero-figure
{
	position:relative
}
.hero-figure svg
{
	width:100%;
	height:auto
}
.hero-figure::before,.hero-figure::after
{
	content:'';
	position:absolute;
	background-repeat:no-repeat;
	background-size:100%
}
.has-animations .hero-figure::before,.has-animations .hero-figure::after
{
	opacity:0;
	transition:opacity 2s ease
}
.anime-ready .has-animations .hero-figure::before,.anime-ready .has-animations .hero-figure::after
{
	opacity:1
}
.hero-figure::before
{
	top:-57.8%;
	left:-1.3%;
	width:152.84%;
	height:178.78%;
	background-image:url("../images/hero-back-illustration.svg")
}
.hero-figure::after
{
	top:-35.6%;
	left:99.6%;
	width:57.2%;
	height:87.88%;
	background-image:url("../images/hero-top-illustration.svg")
}
.hero-figure-box
{
	position:absolute;
	top:0;
	will-change:transform
}
.hero-figure-box-01,.hero-figure-box-02,.hero-figure-box-03,.hero-figure-box-04,.hero-figure-box-08,.hero-figure-box-09
{
	overflow:hidden
}
.hero-figure-box-01::before,.hero-figure-box-02::before,.hero-figure-box-03::before,.hero-figure-box-04::before,.hero-figure-box-08::before,.hero-figure-box-09::before
{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	-webkit-transform-origin:100% 100%;
	transform-origin:100% 100%
}
.hero-figure-box-01
{
	left:103.2%;
	top:41.9%;
	width:28.03%;
	height:37.37%;
	background:linear-gradient(to left top, #00BFFB, rgba(0,191,251,0));
	-webkit-transform:rotateZ(45deg);
	transform:rotateZ(45deg)
}
.hero-figure-box-01::before
{
	background:linear-gradient(to left, #15181D 0%, rgba(21,24,29,0) 60%);
	-webkit-transform:rotateZ(45deg) scale(1.5);
	transform:rotateZ(45deg) scale(1.5)
}
.hero-figure-box-02
{
	left:61.3%;
	top:64.1%;
	width:37.87%;
	height:50.50%;
	background:linear-gradient(to left top, #0270D7, rgba(2,112,215,0));
	-webkit-transform:rotateZ(-45deg);
	transform:rotateZ(-45deg)
}
.hero-figure-box-02::before
{
	background:linear-gradient(to top, #15181D 0%, rgba(21,24,29,0) 60%);
	-webkit-transform:rotateZ(-45deg) scale(1.5);
	transform:rotateZ(-45deg) scale(1.5)
}
.hero-figure-box-03
{
	left:87.7%;
	top:-56.8%;
	width:56.81%;
	height:75.75%;
	background:linear-gradient(to left top, #00BFFB, rgba(0,191,251,0))
}
.hero-figure-box-03::before
{
	background:linear-gradient(to left, #15181D 0%, rgba(21,24,29,0) 60%);
	-webkit-transform:rotateZ(45deg) scale(1.5);
	transform:rotateZ(45deg) scale(1.5)
}
.hero-figure-box-04
{
	left:54.9%;
	top:-8%;
	width:45.45%;
	height:60.60%;
	background:linear-gradient(to left top, #6495ED, rgba(2,112,215,0));
	-webkit-transform:rotateZ(-135deg);
	transform:rotateZ(-135deg)
}
.hero-figure-box-04::before
{
	background:linear-gradient(to top, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0) 60%);
	-webkit-transform:rotateZ(-45deg) scale(1.5);
	transform:rotateZ(-45deg) scale(1.5)
}
.hero-figure-box-05,.hero-figure-box-06,.hero-figure-box-07
{
	background-color:#1c1d22;
	box-shadow:-20px 32px 64px #2c2d35;
}
.hero-figure-box-05
{
	left:17.4%;
	top:13.3%;
	width:64%;
	height:73.7%;
	-webkit-transform:perspective(500px) rotateY(-15deg) rotateX(8deg) rotateZ(-1deg);
	transform:perspective(500px) rotateY(-15deg) rotateX(8deg) rotateZ(-1deg)
}
.hero-figure-box-06
{
	left:65.5%;
	top:6.3%;
	width:30.3%;
	height:40.4%;
	-webkit-transform:rotateZ(20deg);
	transform:rotateZ(20deg)
}
.hero-figure-box-07
{
	left:1.9%;
	top:42.4%;
	width:12.12%;
	height:16.16%;
	-webkit-transform:rotateZ(20deg);
	transform:rotateZ(20deg)
}
.hero-figure-box-08
{
	left:27.1%;
	top:81.6%;
	width:19.51%;
	height:26.01%;
	background:#6495ED;
	-webkit-transform:rotateZ(-22deg);
	transform:rotateZ(-22deg)
}
.hero-figure-box-08::before
{
	background:linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.48) 100%);
	-webkit-transform:rotateZ(45deg) scale(1.5);
	transform:rotateZ(45deg) scale(1.5)
}
.hero-figure-box-09
{
	left:42.6%;
	top:-17.9%;
	width:6.63%;
	height:8.83%;
	background:#00BFFB;
	-webkit-transform:rotateZ(-52deg);
	transform:rotateZ(-52deg)
}
.hero-figure-box-09::before
{
	background:linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.64) 100%);
	-webkit-transform:rotateZ(45deg) scale(1.5);
	transform:rotateZ(45deg) scale(1.5)
}
.hero-figure-box-10
{
	left:-3.8%;
	top:4.3%;
	width:3.03%;
	height:4.04%;
	background:rgba(0,191,251,0.32);
	-webkit-transform:rotateZ(-50deg);
	transform:rotateZ(-50deg)
}
	@media (max-width: 640px)
{
.hero-cta
{
	/*max-width:280px;
	margin-left:auto;
	margin-right:auto*/
	text-align: left;
}
.hero-cta .button
{
	display:flex
}
.hero-cta .button+.button
{
	margin-top:16px
}
.hero-figure::after,.hero-figure-box-03,.hero-figure-box-04,.hero-figure-box-09
{
	display:none
}

}
	@media (min-width: 641px)
{
.hero
{
	text-align:left;
	padding-top:64px;
	padding-bottom:88px
}
.hero-inner
{
	display:flex;
	justify-content:space-between;
	align-items:center
}
.hero-copy
{
	padding-right:64px;
	min-width:552px;
	width:552px
}
.hero-cta
{
	margin:0
}
.hero-cta .button
{
	min-width:170px
}
.hero-cta .button:first-child
{
	margin-right:16px
}
.hero-figure svg
{
	width:auto
}

}
.features-wrap
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	margin-right:-32px;
	margin-left:-32px
}
.features-wrap:first-of-type
{
	margin-top:-16px
}
.features-wrap:last-of-type
{
	margin-bottom:-16px
}
.feature
{
	padding:16px 32px;
	width:380px;
	max-width:380px;
	flex-grow:1
}
.feature-inner
{
	height:100%
}
.feature-icon
{
	display:flex;
	justify-content:center
}
	@media (min-width: 641px)
{
.features-wrap:first-of-type
{
	margin-top:-24px
}
.features-wrap:last-of-type
{
	margin-bottom:-24px
}
.feature
{
	padding:32px 32px
}

}
.pricing-header
{
	margin-bottom:48px
}
.pricing-tables-wrap
{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-right:-12px;
	margin-left:-12px
}
.pricing-tables-wrap:first-child
{
	margin-top:-12px
}
.pricing-tables-wrap:last-child
{
	margin-bottom:-12px
}
.pricing-table
{
	position:relative;
	padding:12px;
	width:368px;
	max-width:368px;
	flex-grow:1
}
.pricing-table::before
{
	content:'';
	position:absolute;
	left:50%;
	width:200%;
	max-width:200%;
	height:435px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	bottom:18.8%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	background-image:url("../images/pricing-illustration.svg")
}
.pricing-table-header,.pricing-table-features-title,.pricing-table-features li
{
	border-bottom:1px solid rgba(138,148,167,0.24)
}
.pricing-table-inner
{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	background:#2C3039;
	padding:24px;
	height:100%
}
.pricing-table-inner>*
{
	position:relative;
	width:100%
}
.pricing-table-inner::before
{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	box-shadow:0 24px 48px #1c1d22;
	mix-blend-mode:multiply
}
.pricing-table-price-currency
{
	color:#8A94A7
}
.pricing-table-features-title
{
	color:#ffffff;
	font-weight:700
}
.pricing-table-features li
{
	display:flex;
	align-items:center;
	padding:14px 0
}
.pricing-table-features li::before
{
	content:'';
	width:16px;
	height:12px;
	margin-right:16px;
	background-repeat:no-repeat
}
.pricing-table-cta
{
	align-self:flex-end
}
	@media (min-width: 641px)
{
.pricing .section-paragraph
{
	padding-left:90px;
	padding-right:90px
}
.pricing-header
{
	margin-bottom:52px
}

}
.cta
{
	text-align:center
}
.cta .section-inner
{
	padding:48px 16px
}
.cta .section-title
{
	margin-bottom:40px
}
.cta-inner
{
	position:relative;
	background:#15181D;
	overflow:hidden
}
.cta-inner::before
{
	content:'';
	position:absolute;
	right:98px;
	top:-117px;
	width:160px;
	height:187px;
	background-image:url("../images/cta-illustration.svg");
	background-repeat:no-repeat
}
.cta-inner>*
{
	position:relative
}
	@media (min-width: 641px)
{
.cta
{
	text-align:left
}
.cta .section-inner
{
	padding:64px 32px
}
.cta .section-title
{
	margin-bottom:0;
	padding-right:24px
}
.cta-inner
{
	display:flex;
	align-items:center;
	justify-content:space-between
}

}
.is-boxed
{
	background:#242830;
}
.body-wrap
{
	background:#1c1d22;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
.boxed-container
{
	max-width:1440px;
	margin:0 auto;
	box-shadow:0 24px 48px #1c1d22;
	mix-blend-mode:multiply;
	mix-blend-mode:normal;
}
	main
{
	flex:1 0 auto
}
.section-inner
{
	position:relative;
	padding-top:48px;
	padding-bottom:48px
}
	@media (min-width: 641px)
{
.section-inner
{
	padding-top:88px;
	padding-bottom:88px
}

}
.site-footer
{
	font-size:14px;
	line-height:22px;
	letter-spacing:0px
}
.site-footer a
{
	color:#cccccc;
	text-decoration:none
}
.site-footer a:hover,.site-footer a:active
{
	text-decoration:underline
}
.site-footer-inner
{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding-top:48px;
	padding-bottom:48px
}
.footer-brand,.footer-links,.footer-social-links,.footer-copyright
{
	flex:none;
	width:100%;
	display:inline-flex;
	justify-content:center
}
.footer-brand,.footer-links,.footer-social-links
{
	margin-bottom:24px
}
.footer-social-links li
{
	display:inline-flex
}
.footer-social-links li+li
{
	margin-left:16px
}
.footer-social-links li a
{
	padding:8px
}
.footer-links li+li
{
	margin-left:24px
}
	
@media (min-width: 641px){

.site-footer{
	margin-top:20px
}

.site-footer-inner{
	justify-content:space-between;
	padding-top:64px;
	padding-bottom:64px
}

.footer-brand,.footer-links,.footer-social-links,.footer-copyright{
	flex:50%
}

.footer-brand,.footer-copyright{
	justify-content:flex-start
}

.footer-links,.footer-social-links{
	justify-content:flex-end
}

.footer-links{
	order:1;
	margin-bottom:0
}

}













/*--|Part 2|--*/

html {
  zoom: 100%;
}
body {
      zoom: 1;
}

/* Set the width and height of the scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Customize the track (background) of the scrollbar */
::-webkit-scrollbar-track {
  background-color: #333333;
  border-radius: 5px;
}

/* Customize the thumb (handle) of the scrollbar */
::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 5px;
}

/* Customize the appearance of the scrollbar when the mouse hovers over it */
::-webkit-scrollbar-thumb:hover {
  background-color: #999999;
}

button{
  border-radius: 10px;
}


.hero-figure.anime-element > * {
    border-radius: 10px;
}



.logo{
    width: 30px;
    height: auto;
    position: relative;
}
.logo2{
    width: 40px;
    height: auto;
    position: relative;
   
    border-color: aliceblue;
}

.image {
  width: 76%;
  height: auto;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
	transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
      .image {
        width: 92%;
      }
	.image:hover {
   transform: scale(0.8);
}
    }
.image:hover {
   transform: scale(1.1);
}

body {
  border: 0px solid #00FFFF; /* Blue/cyan color code */
  animation: border-animation 4s ease-in-out infinite;
}

@keyframes border-animation {
  0% {
    border-color: #00FFFF; /* Blue/cyan color code */
  }
  50% {
    border-color: #ffffff; /* White color */
  }
  100% {
    border-color: #00FFFF; /* Blue/cyan color code */
  }
}

::selection {
  background-color: #6495ED; /* Blue/cyan color code */
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  animation: selected-animation 2s linear infinite;
}

@keyframes selected-animation {
  0% {
    background-color: #00CED1; /* Blue/cyan color code */
    color: #fff;
  }
  50% {
    background-color: #00FFFF; /* Blue/cyan color code */
    color: #000;
  }
  100% {
    background-color: #00CED1; /* Blue/cyan color code */
    color: #fff;
  }
}



 /* Define font faces for OpenSans */
@font-face {
    font-family: 'OpenSans Bold';
    src: url('/static/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Bold Italic';
    src: url('/static/OpenSans-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans ExtraBold';
    src: url('/static/OpenSans-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans ExtraBold Italic';
    src: url('/static/OpenSans-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Italic';
    src: url('/static/OpenSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Light';
    src: url('/static/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Light Italic';
    src: url('/static/OpenSans-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Medium';
    src: url('/static/OpenSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Medium Italic';
    src: url('/static/OpenSans-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Regular';
    src: url('/static/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiBold';
    src: url('/static/OpenSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiBold Italic';
    src: url('/static/OpenSans-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Bold';
    src: url('/static/OpenSans_Condensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Bold Italic';
    src: url('/static/OpenSans_Condensed-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed ExtraBold';
    src: url('/static/OpenSans_Condensed-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed ExtraBold Italic';
    src: url('/static/OpenSans_Condensed-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Italic';
    src: url('/static/OpenSans_Condensed-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Light';
    src: url('/static/OpenSans_Condensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Light Italic';
    src: url('/static/OpenSans_Condensed-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Medium';
    src: url('/static/OpenSans_Condensed-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Medium Italic';
    src: url('/static/OpenSans_Condensed-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed Regular';
    src: url('/static/OpenSans_Condensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed SemiBold';
    src: url('/static/OpenSans_Condensed-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans Condensed SemiBold Italic';
    src: url('/static/OpenSans_Condensed-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Bold';
    src: url('/static/OpenSans_SemiCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Bold Italic';
    src: url('/static/OpenSans_SemiCondensed-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed ExtraBold';
    src: url('/static/OpenSans_SemiCondensed-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed ExtraBold Italic';
    src: url('/static/OpenSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Italic';
    src: url('/static/OpenSans_SemiCondensed-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Light';
    src: url('/static/OpenSans_SemiCondensed-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Light Italic';
    src: url('/static/OpenSans_SemiCondensed-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Medium';
    src: url('/static/OpenSans_SemiCondensed-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Medium Italic';
    src: url('/static/OpenSans_SemiCondensed-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed Regular';
    src: url('/static/OpenSans_SemiCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed SemiBold';
    src: url('/static/OpenSans_SemiCondensed-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans SemiCondensed SemiBold Italic';
    src: url('/static/OpenSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
}

body {
    font-family: 'OpenSans Regular', sans-serif;
}

.menu-icon {
  position: relative; /* make the menu button's position relative */
  z-index: 1; /* set a high z-index to ensure that the menu button appears on top of other elements */
}


a {
        text-decoration: none;
}

.dark-mode {
    background-color: aliceblue;
    color: #20201F;
  }
  
  .dark-mode a,
  .dark-mode h1,
  .dark-mode h2,
  .dark-mode h3,
  .dark-mode h4,
  .dark-mode h5,
  .dark-mode h6,
  .dark-mode p,
  .dark-mode b,
  .dark-mode td,
  .dark-mode tr,
  .dark-mode li,
  .dark-mode ul,
  .dark-mode span {
    color: #20201F;
  }

  .dark-mode .nav {
    color: #20201F;
    background-color: aliceblue;
  }


button {
	border-radius: 8px;
}

.button {
	border-radius: 8px;
}


@keyframes rotate-01 {
		from {
			transform: rotate(0);
		}
		to {
			transform: rotate(360deg);
		}
	}

	@keyframes rotate-02 {
		from {
			transform: rotate(0);
		}
		to {
			transform: rotate(-360deg);
		}
	}

	@keyframes rotate-03 {
		from {
			transform: rotate(0);
		}
		to {
			transform: rotate(360deg);
		}
	}

	@keyframes rotate-04 {
		from {
			transform: rotate(0);
		}
		to {
			transform: rotate(-360deg);
		}
	}

	/* Add more keyframes for each hero-figure-box */

	.hero-figure-box {
		animation-duration: 60s; /* Adjust the duration as per your preference */
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	.hero-figure-box-01 {
		animation-name: rotate-01;
	}

	.hero-figure-box-02 {
		animation-name: rotate-02;
	}

	.hero-figure-box-03 {
		animation-name: rotate-03;
	}

	.hero-figure-box-04 {
		animation-name: rotate-04;
	}

	.hero-figure-box-05 {
		animation-name: rotate-01;
	}

	.hero-figure-box-06 {
		animation-name: rotate-02;
	}

	.hero-figure-box-07 {
		animation-name: rotate-03;
	}

	.hero-figure-box-08 {
		animation-name: rotate-04;
	}

	.hero-figure-box-09 {
		animation-name: rotate-01;
	}

	.hero-figure-box-10 {
		animation-name: rotate-02;
	}

.footer-social-links a svg path {
  fill: #6495ED; 
}



.chatbot-toggler {
  position: fixed;
  bottom: 30px;
  right: 35px;
  outline: none;
  border: none;
  height: 50px;
  width: 50px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #6495ED;
  transition: all 0.2s ease;
}

body.show-chatbot .chatbot-toggler {
  transform: rotate(90deg);
}

.chatbot-toggler span {
  color: #fff;
  position: absolute;
}

.chatbot-toggler span:last-child,
body.show-chatbot .chatbot-toggler span:first-child  {
  opacity: 0;
}

body.show-chatbot .chatbot-toggler span:last-child {
  opacity: 1;
}

.chatbot {
  position: fixed;
  right: 35px;
  bottom: 90px;
  width: 400px;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.5);
  transform-origin: bottom right;
  box-shadow: 0 0 128px 0 rgba(0,0,0,0.1),
              0 32px 64px -48px rgba(0,0,0,0.5);
  transition: all 0.1s ease;
}

body.show-chatbot .chatbot {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1);
}

.chatbot header {
  padding: 16px 0;
  position: relative;
  text-align: center;
  color: #fff;
  background: #6495ED;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.chatbot header span {
  position: absolute;
  right: 15px;
  top: 50%;
  display: none;
  cursor: pointer;
  transform: translateY(-50%);
}

header h2 {
  font-size: 1.4rem;
}

.chatbot .chatbox {
  overflow-y: auto;
  height: 510px;
  padding: 30px 20px 100px;
}

.chatbot :where(.chatbox, textarea)::-webkit-scrollbar {
  width: 6px;
}

.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 25px;
}

.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 25px;
}

.chatbox .chat {
  display: flex;
  list-style: none;
}

.chatbox .outgoing {
  margin: 20px 0;
  justify-content: flex-end;
}

.chatbox .incoming span {
  width: 32px;
  height: 32px;
  color: #fff;
  cursor: default;
  text-align: center;
  line-height: 32px;
  align-self: flex-end;
  background: #6495ED;
  border-radius: 4px;
  margin: 0 10px 7px 0;
}

.chatbox .chat p {
  white-space: pre-wrap;
  padding: 12px 16px;
  border-radius: 10px 10px 0 10px;
  max-width: 75%;
  color: #fff;
  font-size: 0.95rem;
  background: #6495ED;
}

.chatbox .incoming p {
  border-radius: 10px 10px 10px 0;
}

.chatbox .chat p.error {
  color: #721c24;
  background: #f8d7da;
}

.chatbox .incoming p {
  color: #000;
  background: #f2f2f2;
}

.chatbot .chat-input {
  display: flex;
  gap: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #fff;
  padding: 3px 20px;
  border-top: 1px solid #ddd;
}

.chat-input textarea {
  height: 55px;
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  max-height: 180px;
  padding: 15px 15px 15px 0;
  font-size: 0.95rem;
}

.chat-input span {
  align-self: flex-end;
  color: #6495ED;
  cursor: pointer;
  height: 55px;
  display: flex;
  align-items: center;
  visibility: hidden;
  font-size: 1.35rem;
}

.chat-input textarea:valid ~ span {
  visibility: visible;
}

@media (max-width: 490px) {
  .chatbot-toggler {
    right: 20px;
    bottom: 20px;
  }

  .chatbot {
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 0;
    width: 100%;
  }

  .chatbot .chatbox {
    height: 90%;
    padding: 25px 15px 100px;
  }

  .chatbot .chat-input {
    padding: 5px 15px;
  }

  .chatbot header span {
    display: block;
  }
}


.form-group input,
.form-group textarea {
   padding: 12px;
}

#fullscreen-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999; /* Increased z-index */
    overflow: auto;
    transition: opacity 0.3s ease-in-out; /* Added transition */
}

#fullscreen-container.show {
    display: block;
    opacity: 1;
}

#fullscreen-container img {
    display: block;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.close-full {
    color: #dddddd;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    cursor: pointer;
}

.error {
  border-radius: 10px;
  padding: 20px;
  background-color: crimson;
	color: white;
  /* You can add more styles for the error class if needed */
}