body, html {
overflow-x: hidden;
max-width: 100%;
}
@font-face {
font-family: 'Futura';
src: url("../fonts/Futura.ttf");
}
@font-face {
font-family: 'W3M';
src: url(data:application/octet-stream;base64,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);
}
.stroked2 {
-webkit-text-stroke: 1px #73fb53;
-webkit-text-fill-color: transparent;
}
.stroked3{
-webkit-text-stroke: 1px #73fb53;
-webkit-text-fill-color: transparent;
font-size:30px;
}
.w3moonlogo {
margin: 0;
color:"#ffffff";
align-items: center;
letter-spacing: 2px;
font-weight: 50;
margin:auto;
padding:0;
font-family:'W3M';
}
@font-face {
font-family: 'Futura';
src: url("../fonts/Futura.woff");
}
@font-face {
font-family: 'New';
src: url("../fonts/LearningCurve.woff2");
}
@font-face {
font-family: 'New2';
src: url("../fonts/New2.woff2");
}
@font-face {
font-family: 'Reg';
src: url("../fonts/reg.woff2");
}
@font-face {
font-family: 'Med';
src: url("../fonts/med.woff2");
}
html,
body {
overflow-x: hidden;
max-width: 100%;
font-family: sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #20509e;
margin: 0;
font-weight: 500;
font-family: "Futura", sans-serif;
}
h1 {
font-size: 70px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 14px;
}
p {
font-size: 15.7px;
color: #75849a;
line-height: 1.6;
}
img {
max-width: 100%;
}
input:focus,
select:focus,
button:focus,
textarea:focus {
outline: none;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
ul,
ol {
padding: 0;
margin: 0;
}
/*---------------------
Helper CSS
-----------------------*/
.spad {
padding-top: 80px;
padding-bottom: 40px;
}
.section-title {
color: #3E2BCE;
margin-bottom: 60px;
}
.section-title h2 {
color: #3E2BCE;
margin-bottom: 20px;
}
.section-title p {
margin-bottom: 0;
color: #3E2BCE;
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center 0;
}
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h5,
.text-white span,
.text-white li,
.text-white a {
color: #fff;
}
.text-white h4,
.text-white p{
color: #fff;
/* text-shadow: 3px 2px 4px rgba(101,44,208,1); */
text-shadow:
-3px -3px 5px rgba(101,44,208,0.3), /* Top-Left */
3px -3px 5px rgba(101,44,208,0.3), /* Top-Left */
-3px 3px 5px rgba(101,44,208,0.3), /* Top-Left */
3px 3px 5px rgba(101,44,208,0.3);
}
/*---------------------
Commom elements
-----------------------*/
/* Buttons */
.site-btn {
position: relative;
border-radius: 50px;
text-align: center;
cursor: pointer;
color: #fff;
}
.site-btn:hover {
color: #fff;
}
.site-btn.no-radius {
border-radius: 2px;
}
.site-btn.sb-full-- {
display: block;
width: 100%;
border-radius: 0;
}
.site-btn.sb-gradients {
padding: 17px 32px;
border: none;
color: #fff;
}
.site-btn.sb-gradients.sbg-line:after {
position: absolute;
content: '';
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #fff;
top: 2px;
left: 2px;
z-index: -1;
border-radius: 50px;
}
.gradient-bg,
.site-btn.sb-gradients,
.member-social a:hover,
.single-blog-page .social-share a:hover,
.comment .comment-content .c-btn:hover,
.comment-form label {
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#3e2bce), color-stop(100%, #2dd3aa), color-stop(100%, #2dd3aa), to(#2dd3aa));
background: -o-linear-gradient(left, #3e2bce 0%, #bd2dd3 100%, #fd18ea 100%, #832dd3 100%);
background: linear-gradient(to right, #3e2bce 0%, #bd2dd3 100%, #fd18ea 100%, #832dd3 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e2bce', endColorstr='#2dd3aa', GradientType=1);
/* IE6-9 */
}
/* Image Popup */
.img-popup-warp .mfp-content,
.img-popup-warp.mfp-ready.mfp-removing .mfp-content {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.img-popup-warp.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
/* Preloder */
#preloder {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999999;
background: #fff;
}
.loader {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
border-radius: 60px;
animation: loader 0.8s linear infinite;
-webkit-animation: loader 0.8s linear infinite;
}
@keyframes loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
@-webkit-keyframes loader {
0% {
-webkit-transform: rotate(0deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
50% {
-webkit-transform: rotate(180deg);
border: 4px solid #673ab7;
border-left-color: transparent;
}
100% {
-webkit-transform: rotate(360deg);
border: 4px solid #f44336;
border-left-color: transparent;
}
}
/*---------------------
Header section
-----------------------*/
.header-section {
position: absolute;
width: 100%;
top: 0;
margin-top: 0;
padding: 30px 50px 0;
z-index: 99;
background: linear-gradient(to right, #3e2bce 0%, #bd2dd3 100%, #fd18ea 100%, #832dd3 100%);
}
.header-section .site-btn {
float: right;
margin-left: 60px;
}
.header-section .responsive-bar,
.header-section .user {
display: none;
}
.header-section .responsive-bar2,
.header-section .user {
display: none;
}
.context1:hover{
color: #fff;
}
.menu-list {
list-style: none;
}
.menu-list li {
display: inline;
}
.menu-list li a {
display: inline-block;
font-family: "Futura", sans-serif;
font-size: 16px;
padding: 10px 5px;
margin-right: 30px;
color: #fff;
}
/*---------------------
Hero Section
-----------------------*/
.hero-section {
height: 100vb;
display: block;
background-image: url("../img/hero-bg.png");
background-size: cover;
background-color: #f3f7f9;
background-position: right top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.hero-section .laptop-image {
width: 685px;
max-width: none;
position: relative;
left: 80px;
}
.hero-text {
padding-top: 60px;
}
.hero-text h2 {
font-size: 70px;
margin-bottom: 35px;
}
.hero-text h2 span {
color: #16d0c5;
}
.hero-text h4 {
color: #75849a;
font-size: 22px;
}
.hero-subscribe-from {
margin-top: 50px;
display: block;
}
.hero-subscribe-from input {
width: 315px;
border: 1px solid #ebebeb;
background: #fff;
height: 48px;
padding: 0 25px;
border-radius: 50px;
font-family: "Futura", sans-serif;
font-size: 16px;
margin-right: 8px;
margin-bottom: 20px;
}
/*---------------------
About Section
-----------------------*/
.about-section .container {
position: relative;
}
.about-text h2 {
font-size: 45px;
margin-bottom: 25px;
}
.about-text h5 {
font-family: "Futura";
margin-bottom: 20px;
}
.about-text p {
font-size: 18px;
}
.about-img {
position: absolute;
top: 0;
left: -120px;
width: 662px;
}
/*---------------------
Feature Section
-----------------------*/
.features-section .container {
margin-bottom: -45px;
}
.feature {
margin-bottom: 45px;
}
.feature i {
font-size: 48px;
float: left;
padding-top: 10px;
}
.feature .feature-content {
padding-left: 70px;
}
.feature .feature-content h4 {
margin-bottom: 15px;
}
.feature .readmore {
text-decoration: underline;
line-height: 1.2;
}
/*---------------------
Process Section
-----------------------*/
.process:last-child .process-step:after {
display: none;
}
.process-step {
position: relative;
text-align: center;
padding: 35px;
min-height: 100%;
margin-top: 30px;
-webkit-box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
box-shadow: 0 14px 43px rgba(33, 54, 61, 0.15);
}
.process-step .process-icon {
height: 55px;
margin-bottom: 30px;
padding-top: 5px;
}
.process-step .process-icon2 {
height: 55px;
margin-bottom: 30px;
padding-top: 5px;
}
.process-step h4 {
margin-bottom: 15px;
}
.process-step p {
margin-bottom: 0;
}
.process-step .process-icon:hover {
/* -webkit-animation-name: bounce; */
animation: rubberBand 2s linear ;
}
.process-step:after {
position: absolute;
content: '';
width: 275px;
height: 56px;
top: -40px;
right: -40%;
background: url("../img/process-line.png") no-repeat scroll 0 0/cover;
}
/*---------------------
Fact Section
-----------------------*/
.fact-section {
padding: 100px 0;
}
.fact {
display: inline-block;
position: relative;
}
.fact h2 {
float: left;
color: #73fb53;
font-size: 60px;
margin-right: 20px;
}
.fact p {
float: left;
padding-top: 14px;
line-height: 1.4;
color: #fff;
text-transform: uppercase;
}
.fact i {
position: absolute;
right: -20px;
top: -10px;
font-size: 90px;
color: #fff;
z-index: 0;
opacity: 0.1;
}
/*---------------------
Team Section
-----------------------*/
.team-section {
background: #f3f7f9;
overflow: hidden;
}
.team-members {
margin: 0 -10px;
}
.member {
background: #fff;
width: calc(20% - 25px);
display: inline-block;
margin: 0 10px;
text-align: center;
padding: 50px 10px;
-webkit-box-shadow: 1px 1px 1px rgba(33, 54, 61, 0.15);
box-shadow: 1px 1px 1px rgba(33, 54, 61, 0.15);
border-radius: 10px;
position: relative;
}
.member h2 {
font-size: 22px;
margin-bottom: 5px;
}
.member span {
font-size: 14px;
color: #75849a;
display: block;
}
.member .member-text {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
opacity: 1;
}
.member:hover {
-webkit-box-shadow: 1px 14px 43px rgba(33, 54, 61, 0.15);
box-shadow: 1px 14px 43px rgba(33, 54, 61, 0.15);
}
.member:hover .member-info {
opacity: 1;
}
.member:hover .member-text {
opacity: 0;
}
.member-img {
width: 230px;
height: 230px;
display: inline-block;
border-radius: 50%;
margin-bottom: 25px;
}
.member-social {
padding-top: 25px;
background: #fff;
position: relative;
z-index: 2;
}
.member-social a {
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50%;
background: #cbd3df;
color: #fff;
padding-top: 13px;
margin: 0 8px;
}
.member-meta {
padding-left: 85px;
}
.member-info {
padding: 50px 60px 10px;
position: absolute;
width: 100%;
top: 0;
left: 0;
text-align: left;
opacity: 0;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
height: 380px;
overflow-y: auto;
}
.member-info p {
display: block;
padding-top: 25px;
margin-bottom: 0;
}
.member-img.mf {
width: 60px;
height: 60px;
opacity: 1;
float: left;
margin-bottom: 0;
}
/*---------------------
Review Section
-----------------------*/
.review-meta-slider {
position: relative;
width: 300px;
}
.author-meta {
padding: 50px 0 70px;
position: relative;
text-align: center;
}
.author-meta:last-child {
margin-right: 0;
}
.author-avatar {
width: 80px;
height: 80px;
border: 6px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0px 16px 21px rgba(33, 54, 61, 0.15);
box-shadow: 0px 16px 21px rgba(33, 54, 61, 0.15);
display: inline-block;
}
.author-avatar h4 {
font-size: 22px;
}
.author-avatar p {
font-size: 14px;
}
.author-name {
position: absolute;
width: 280px;
left: -50%;
bottom: -10px;
margin-left: -50px;
text-align: center;
visibility: hidden;
}
.center .author-meta {
top: -6px;
}
.center .author-name {
visibility: visible;
}
.center .author-avatar {
width: 100px;
height: 100px;
}
.review-text p {
font-size: 22px;
}
.review-text-slider .owl-nav {
padding-top: 15px;
}
.review-text-slider .owl-prev,
.review-text-slider .owl-next {
width: 50px;
height: 50px;
display: inline-block;
background: #cbd3df;
color: #fff;
font-size: 24px;
text-align: center;
margin-right: 10px;
border-radius: 50%;
padding-top: 8px;
}
.pull-3 {
right: 66.666667%;
}
.push-8 {
left: 33.333333%;
}
/*---------------------
Newsletter Section
-----------------------*/
.newsletter-section {
padding: 50px 0;
}
.newsletter-text h2 {
font-size: 36px;
margin-bottom: 10px;
color: #000;
}
.newsletter-text p {
margin-bottom: 0;
}
.newsletter-form {
position: relative;
margin-top: 20px;
padding-left: 0px;
}
.newsletter-form input {
width: 100%;
font-size: 16px;
padding: 12px 30px;
border: none;
border-radius: 50px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
.newsletter-form a {
color: #ffffff;
padding: 10px 15px;
display: flex;
width: 130px;
border: 2px solid #ffffff;
justify-content: space-between;
align-items: center;
background: rgba(255, 255, 255, 0.068);
overflow: hidden;
font-size: 0.9rem;
font-weight: 600;
gap: 8px;
border-radius: 5px;
margin: 0 5px;
transition: 0.2s;
}
.newsletter-form a:hover {
border-color: rgba(255, 255, 255, 0.623);
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.144),
rgba(255, 255, 255, 0.247),
rgba(255, 255, 255, 0.39)
);
box-shadow: 0 6px rgba(255, 255, 255, 0.623);
transform: translateY(-6px);
}
.newsletter-form a:active {
transform: translateY(2px);
box-shadow: none;
}
.newsletter-form ::-webkit-input-placeholder {
color: #fff;
}
.newsletter-form :-ms-input-placeholder {
color: #fff;
}
.newsletter-form ::-ms-input-placeholder {
color: #fff;
}
.newsletter-form ::placeholder {
color: #fff;
}
/*---------------------
Blog Section
-----------------------*/
.blog-section {
background: #f3f7f9;
}
.blog-thumb {
margin-bottom: 0;
}
.blog-text {
background: #fff;
padding: 30px;
-webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
}
.blog-text .post-date {
font-size: 14px;
font-family: "Futura", sans-serif;
color: #16d0c5;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
letter-spacing: 2px;
}
.blog-text .blog-title {
font-size: 22px;
margin-bottom: 20px;
}
.blog-text .blog-title a {
color: #20509e;
}
.blog-text .post-meta a {
font-size: 13px;
color: #75849a;
margin-right: 25px;
}
.blog-text .post-meta a:last-child {
margin-right: 0;
}
.blog-text .post-meta a span {
color: #cbd3df;
}
.blog-text .post-meta a i {
color: #16d0c5;
}
.post-loadmore {
width: 100%;
border-radius: 0px;
}
.post-loadmore.site-btn.sb-gradients.sbg-line:after {
border-radius: 0px;
}
/*---------------------
Footer Section
-----------------------*/
.footer-widget span {
color: #acb9cc;
}
.footer-widget p {
margin-bottom: 20px;
}
.footer-widget .widget-title {
margin-bottom: 30px;
font-size: 20px;
}
.footer-widget ul {
list-style: none;
}
.footer-widget ul a {
font-size: 16px;
color: #75849a;
display: block;
margin-bottom: 12px;
}
.footer-widget ul li:last-child a {
margin-bottom: 0;
}
.social a {
width: 40px;
height: 40px;
border-radius: 50%;
color: #fff;
display: inline-block;
margin-right: 10px;
text-align: center;
padding-top: 7px;
font-size: 18px;
}
.social a:last-child {
margin-right: 0;
}
.social .facebook {
background: #4b6cd0;
}
.social .google {
background: #f03b3b;
}
.social .instagram {
background: #bb8950;
}
.social .twitter {
background: #49a7f3;
}
.footer-bottom {
border-top: 1px solid #ebebeb;
padding: 30px 0;
}
.footer-nav {
list-style: none;
}
.footer-nav li {
display: inline-block;
}
.footer-nav li a {
color: #75849a;
font-size: 14px;
margin-left: 20px;
}
/*---------------------
Other Pages
----------------------
======================*/
.page-info-section {
height: 300px;
background-image: url("../img/page-info-bg.png");
background-size: cover;
background-color: #f3f7f9;
background-position: right top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
display: block;
padding-top: 100px;
}
.page-info-section h2 {
font-size: 48px;
}
.site-beradcamb {
padding-top: 10px;
}
.site-beradcamb a {
color: #20509e;
font-size: 16px;
}
.site-beradcamb span {
color: #acb9cc;
font-size: 16px;
}
.site-beradcamb i {
margin: 0 3px;
}
/*---------------------
Blog page
-----------------------*/
.blog-page .blog-item {
margin-bottom: 30px;
}
.blog-page .readmore {
color: #20509e;
}
.blog-page .readmore i {
color: #16d0c5;
}
.bi-feature .post-meta {
margin-bottom: 30px;
}
.bi-feature .blog-text .blog-title {
font-size: 36px;
}
.widget-area {
padding: 30px;
-webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
margin-bottom: 32px;
}
.widget-area .widget-title {
margin-bottom: 25px;
}
.widget-area .widget {
margin-bottom: 20px;
}
.widget-area .widget .widget-title {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #ebebeb;
line-height: 24px;
}
.widget-area .widget ul {
list-style: none;
}
.widget-area .widget ul a {
display: inline-block;
font-size: 16px;
color: #20509e;
margin-bottom: 20px;
}
.widget-area .widget ul a:hover {
color: #16d0c5;
}
.widget-area .widget .popular-posts span {
color: #16d0c5;
font-size: 12px;
display: block;
margin-bottom: 7px;
text-transform: uppercase;
}
.widget-area .widget .popular-posts h5 a {
font-size: 18px;
color: #20509e;
}
.widget-area .widget .popular-posts h5 a:hover {
color: #20509e;
}
.widget-area .widget .twitter-widget li {
margin-bottom: 20px;
}
.widget-area .widget .twitter-widget span {
color: #16d0c5;
font-size: 12px;
display: block;
text-transform: uppercase;
}
.widget-area .widget .twitter-widget h5 {
font-size: 18px;
color: #20509e;
margin-bottom: 5px;
}
.widget-area .widget .twitter-widget a {
font-size: 18px;
color: #1f6ae5;
display: block;
margin-bottom: 5px;
}
.widget-area .widget .twitter-widget a:hover {
color: #1f6ae5;
}
.widget-area .widget-subscribe-from {
padding-top: 10px;
display: block;
}
.widget-area .widget-subscribe-from input {
margin-right: 0;
margin-bottom: 20px;
width: 100%;
background: #f3f7f9;
border: 1px solid #ebebeb;
padding: 15px 20px;
font-size: 14px;
}
.single-blog-page blockquote {
font-size: 24px;
color: #20509e;
padding-left: 25px;
border-left: 2px solid #16d0c5;
line-height: normal;
margin: 40px 0;
display: block;
}
.single-blog-page blockquote span {
display: block;
font-size: 16px;
color: #16d0c5;
padding-top: 10px;
}
.single-blog-page .post-tags a {
display: inline-block;
font-size: 11px;
text-transform: uppercase;
padding: 6px 15px;
margin-right: 2px;
margin-top: 5px;
color: #75849a;
background: #f3f7f9;
border: 1px solid #ebebeb;
margin-right: 5px;
}
.single-blog-page .social-share {
display: block;
text-align: right;
}
.single-blog-page .social-share p {
display: inline-block;
font-size: 14px;
margin-right: 10px;
color: #595959;
}
.single-blog-page .social-share a {
display: inline-block;
width: 40px;
height: 40px;
margin-left: 8px;
text-align: center;
border-radius: 40px;
background: #f3f7f9;
color: #75849a;
padding-top: 9px;
font-size: 14px;
-webkit-box-shadow: 0 0 0 1px #ebebeb;
box-shadow: 0 0 0 1px #ebebeb;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.single-blog-page .social-share a:hover {
color: #fff;
}
.releted-posts {
padding-top: 50px;
margin-top: 25px;
border-top: 1px solid #ebebeb;
}
.releted-posts .blog-item {
padding-top: 25px;
}
.releted-posts .blog-text {
-webkit-box-shadow: 0 0 0 1px #ebebeb;
box-shadow: 0 0 0 1px #ebebeb;
padding: 28px 28px 20px;
}
.releted-posts .blog-text .blog-title {
font-size: 22px;
}
.releted-posts .post-meta {
margin-bottom: 0;
}
.comment-area {
padding-top: 50px;
}
.comment-list {
padding-top: 40px;
margin-top: 25px;
border-top: 1px solid #ebebeb;
list-style: none;
}
.comment-list .replay-comment-list {
list-style: none;
margin-left: 14%;
}
.comment {
margin-bottom: 40px;
}
.comment .comment-avator {
float: left;
width: 70px;
height: 70px;
border-radius: 50%;
}
.comment .comment-content {
padding-left: 100px;
}
.comment .comment-content h5 {
font-size: 18px;
margin-bottom: 10px;
}
.comment .comment-content h5 span {
font-size: 12px;
color: #acb9cc;
font-family: "Futura", sans-serif;
}
.comment .comment-content p {
margin-bottom: 0;
}
.comment .comment-content .c-btn {
font-family: "Futura", sans-serif;
display: inline-block;
font-size: 14px;
border: 1px solid #ebebeb;
background: #f3f7f9;
color: #20509e;
padding: 4px 25px;
border-radius: 2px;
margin-right: 5px;
margin-top: 20px;
}
.comment .comment-content .c-btn:hover {
color: #fff;
}
.comment-form .form-group {
position: relative;
padding: 1px;
margin-bottom: 20px;
}
.comment-form input,
.comment-form textarea {
width: 100%;
padding: 11px 20px;
border: none;
border: 1px solid #e5e5e5;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: transparent;
}
.comment-form input:focus+label,
.comment-form textarea:focus+label {
opacity: 1;
}
.comment-form label {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
opacity: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.comment-form textarea {
height: 115px;
display: -ms-grid;
display: grid;
}
/*---------------------
Contact page
-----------------------*/
.contact-form {
padding-right: 35px;
}
.contact-form h5 {
font-size: 16px;
font-family: "Futura", sans-serif;
}
.contact-form h5 span {
color: #16d0c5;
}
.contact-form .form-group {
position: relative;
margin-bottom: 20px;
}
.contact-form .form-group span {
position: absolute;
right: 0;
top: 10px;
font-size: 16px;
color: #7bc063;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.contact-form .form-group span.active {
opacity: 1;
}
.contact-form .check-form {
padding-right: 20px;
}
.contact-form input,
.contact-form textarea {
width: 100%;
height: 50px;
border: none;
border-bottom: 1px solid #ebebeb;
font-size: 16px;
padding-bottom: 10px;
color: #20509e;
}
.contact-form input:focus,
.contact-form textarea:focus {
border-color: #20509e;
}
.contact-form textarea {
padding-bottom: 10px;
padding-top: 10px;
height: 115px;
}
.contact-form .contact-type .ct-label {
display: inline-block;
position: relative;
padding-left: 20px;
margin-bottom: 12px;
margin-right: 40px;
cursor: pointer;
font-size: 16px;
color: #acb9cc;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contact-form .contact-type .ct-label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.contact-form .contact-type .ct-label input:checked~.checkmark:after {
content: '\f111';
color: #16d0c5;
}
.contact-form .contact-type .ct-label .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 25px;
width: 25px;
}
.contact-form .contact-type .ct-label .checkmark:after {
position: absolute;
content: "\f10c";
font-family: 'FontAwesome';
font-size: 14px;
}
.contact-form .contact-type .ct-label:last-child {
margin-right: 0;
}
.contact-form ::-webkit-input-placeholder {
color: #acb9cc;
}
.contact-form :-ms-input-placeholder {
color: #acb9cc;
}
.contact-form ::-ms-input-placeholder {
color: #acb9cc;
}
.contact-form ::placeholder {
color: #acb9cc;
}
.map {
height: 390px;
-webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
}
/*------------------
Responsive
---------------------*/
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
@media (max-width: 1585px) {
.hero-section .laptop-image {
left: 0;
}
}
@media (max-width: 1425px) {
.header-section .site-btn {
margin-left: 0;
}
.hero-section,
.page-info-section {
background-position: right 30% top;
}
.hero-section .laptop-image {
width: auto;
max-width: 100%;
top: 70px;
}
.about-img {
left: -50px;
width: 600px;
}
}
@media (min-width: 768px) {
.context1 {
padding-top: 30px;
}
.laptop {
margin-top: 30px;
}
.main-menu {
position: absolute;
top: 25px;
right: 50px;
z-index: 99299;
display: flex;
color: #fff;
justify-content: flex-end;
align-items: center;
font-size: 20px;
cursor: pointer;
width: auto;
padding: 0 10px;
}
.main-menu:hover{
position: absolute;
top: 25px;
right: 50px;
z-index: 99299;
display: flex;
color: #fff;
justify-content: flex-end;
align-items: center;
cursor: pointer;
padding: 0 10px;
}
.main-menu a{
position: relative;
font-family: 'Futura';
color: #fff;
border: 2px solid #ffffff;
padding: 2px 12px;
padding-left: 26px;
border-radius: 20px;
margin-left: 10px;
transition: box-shadow 0.5s ease;
}
.main-menu a:hover{
position: relative;
font-family: 'Futura';
color: #f1a9ff;
border: 2px solid #f200cc;
padding: 2px 12px;
padding-left: 26px;
border-radius: 10px 0 10px 10px;
box-shadow: inset -2px 2px 0px #f200cc,
inset -2px 2px 0px #f200cc
}
.main-menu a:hover .moonf{
display: inline-block;
color: #f1a9ff;
-webkit-text-stroke: 0px;
}
.main-menu a .moonf{
position: absolute;
left: 0;
top: 0;
/* color: #fff;
*/
color: transparent;
-webkit-text-stroke: 1.5px rgb(255, 255, 255);
font-size: 24px;
font-family: 'W3M';
font-weight: 100;
padding-left: 3px;
margin: 0;
transition: color 0.8s ease;
/* display: none; */
display: inline-block;
}
}
@media (max-width: 1425px) {
.header-section .site-btn {
margin-left: 0;
}
.hero-section,
.page-info-section {
background-position: right 30% top;
}
.hero-section .laptop-image {
width: auto;
max-width: 100%;
top: 70px;
}
.about-img {
left: -50px;
width: 600px;
}
}
@media (min-width: 1199px) and (max-width: 1390px) {
.member {
padding: 35px 10px;
}
.member-img {
width: 160px;
height: 160px;
}
.member-info {
padding: 50px 27px 10px;
height: 275px;
}
.member-social a {
margin: 0 5px;
}
}
/* Medium screen : 992px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.menu-list li a {
margin-right: 15px;
}
.hero-section,
.page-info-section {
background-position: right 23% top;
}
.about-img {
left: 0px;
width: 480px;
}
.member {
width: calc(33.333333% - 25px);
margin-bottom: 30px;
}
.team-members {
text-align: center;
}
.fact h2 {
font-size: 45px;
margin-right: 10px;
}
.fact p {
padding-top: 7px;
}
.fact i {
font-size: 67px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header-section {
padding: 30px 15px 0;
}
.menu-list li a {
margin-right: 6px;
}
.header-section .site-btn {
margin-left: 10px;
}
.hero-section {
background-position: right 25% top;
height: 730px;
}
.page-info-section {
background-position: right 33% top;
}
.page-info-section h2 {
font-size: 40px;
}
.hero-text h2 {
font-size: 45px;
}
.process-step:after {
width: 154px;
height: 35px;
top: -10px;
right: -44%;
background-size: contain;
}
.about-img {
position: relative;
display: block;
left: 0;
width: auto;
margin-top: 50px;
}
.member {
width: calc(33.333333% - 25px);
margin-bottom: 30px;
padding: 35px 10px;
}
.member-img {
width: 160px;
height: 160px;
}
.member-info {
padding: 50px 27px 10px;
height: 275px;
}
.member-social a {
margin: 0 5px;
}
.team-members {
text-align: center;
}
.fact {
margin-bottom: 30px;
}
.pull-3 {
right: 0;
}
.push-8 {
left: 0;
}
.review-section {
text-align: center;
}
.review-text {
padding: 0 60px;
}
.review-text-slider .owl-nav {
padding-top: 0;
position: absolute;
top: 50%;
margin-top: -45px;
left: 0;
width: 100%;
}
.review-text-slider .owl-prev {
float: left;
}
.review-text-slider .owl-next {
float: right;
}
.review-meta-slider {
margin: auto;
}
.author-meta {
padding-top: 0;
}
.newsletter-form {
padding-left: 0;
}
.footer-widget {
margin-bottom: 30px;
}
.newsletter-section {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
/*
.context1 h2{
font-family: 'W3M';
z-index: 9;
font-size: 39px;
color: #fff;
font-weight: 100;
} */
.main-menu {
display: none;
}
.header-section {
padding: 30px 0;
}
.header-section .responsive-bar {
float: right;
font-size: 25px;
display: block;
cursor: pointer;
}
.header-section .responsive-bar2 {
display: flex; /* Enable Flexbox */
justify-content: space-between; /* Distribute items with equal space */
align-items: center; /* Vertically center items */
font-size: 20px;
cursor: pointer;
width: 100%; /* Ensure it takes full width */
padding: 0 10px; /* Optional: Add some padding */
}
.header-section .responsive-bar2 a{
font-family: 'Futura';
color: #ffffff;
border: 2px solid #ffffff;
padding: 2px 12px;
border-radius: 20px;
}
.header-section .responsive-bar a{
color: #aa2bc4;
border: 2px solid #aa2bc4;
padding: 2px 12px;
border-radius: 20px;
}
.header-section .user {
float: right;
font-size: 25px;
color: #333;
margin-right: 20px;
display: block;
}
.hero-text h2 {
font-size: 40px;
}
.hero-section {
height: 100vh;
padding-bottom: 100px;
background-position: right 50% top;
}
.page-info-section {
background-position: right 56% top;
margin-top: 97px;
}
.page-info-section h2 {
font-size: 40px;
}
.about-img {
position: relative;
display: block;
left: 0;
width: auto;
margin-top: 50px;
}
.team-members {
margin: 0;
padding: 0 15px;
}
.member {
width: 100%;
margin-bottom: 30px;
margin-left: 0;
}
.fact {
margin-bottom: 30px;
}
.process-step:after {
display: none;
}
.pull-3 {
right: 0;
}
.push-8 {
left: 0;
}
.review-section {
text-align: center;
}
.review-text {
padding: 0 60px;
}
.review-text-slider .owl-nav {
padding-top: 0;
position: absolute;
top: 50%;
margin-top: -45px;
left: 0;
width: 100%;
}
.review-text-slider .owl-prev {
float: left;
}
.review-text-slider .owl-next {
float: right;
}
.review-meta-slider {
margin: auto;
}
.author-meta {
padding-top: 0;
}
.header-section .site-btn {
display: none;
}
.newsletter-form {
padding-left: 0;
}
.newsletter-section {
text-align: center;
}
.review-text p {
font-size: 20px;
}
.blog-item {
margin-bottom: 30px;
}
.footer-widget {
margin-bottom: 30px;
}
.single-blog-page .social-share {
text-align: left;
margin-top: 20px;
}
}
/* small Mobile :320px. */
@media only screen and (max-width: 479px) {
.review-text {
padding: 0 45px;
}
.review-text p {
font-size: 18px;
}
.newsletter-form input {
padding-right: 30px;
}
.newsletter-form button {
position: relative;
padding: 14px;
border-radius: 50px;
margin-top: 23px;
}
.review-text-slider .owl-prev,
.review-text-slider .owl-next {
width: 40px;
height: 40px;
font-size: 18px;
}
.review-meta-slider {
width: auto;
}
.member-img {
width: 180px;
height: 180px;
}
.member-info {
padding: 50px 20px 10px;
height: 320px;
}
.blog-text {
padding: 15px;
}
.comment .comment-avator {
float: none;
margin-bottom: 20px;
}
.comment .comment-content {
padding-left: 0;
}
}
.context1 {
font-family: 'W3M';
z-index: 9;
color: #fff;
font-weight: 100;
}
.context2 {
font-family: 'Exo', sans-serif;
z-index: 12;
color: #fff;
margin-left: 30px;
}
.cursive {
margin-top: 25px;
font-family: 'Reg';
font-weight: 500;
color: #FFFFFF;
font-size: 22px;
}
.context2 h3{
font-family: 'Exo', sans-serif;
font-weight: bold;
color: #fff;
font-size: 30px;
margin-bottom: 50;
}
.area{
background: #4e54c8;
background: -webkit-gradient(linear, left top, right top, from(#3e2bce), color-stop(100%, #2dd3aa), color-stop(100%, #2dd3aa), to(#2dd3aa));
background: -o-linear-gradient(left, #3e2bce 0%, #bd2dd3 100%, #fd18ea 100%, #832dd3 100%);
background: linear-gradient(to right, #3e2bce 0%, #bd2dd3 100%, #fd18ea 100%, #832dd3 100%);
width: 100%;
height:100vh;
}
.circles{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.circles li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
background: transparent;
animation: animate 25s linear infinite;
bottom: -150px;
}
.circles li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.circles li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.circles li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.circles li:nth-child(5){
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.circles li:nth-child(6){
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.circles li:nth-child(7){
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}
.circles li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}
.circles li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}
.circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}
.circles li:nth-child(11){
left: 30%;
width: 80px;
height: 80px;
animation-delay: 5s;
}
.circles li:nth-child(12){
left: 90%;
width: 20px;
height: 20px;
animation-delay: 8s;
animation-duration: 20s;
}
.circles li:nth-child(13){
left: 45%;
width: 60px;
height: 60px;
animation-delay: 1s;
}
.circles li:nth-child(14){
left: 60%;
width: 110px;
height: 110px;
animation-delay: 4s;
animation-duration: 25s;
}
.circles li:nth-child(15){
left: 15%;
width: 25px;
height: 25px;
animation-delay: 10s;
}
@keyframes animate {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 0;
}
100%{
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}
/* From Uiverse.io by jaykdoe */
/* background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); */
.container2 {
width: 100%;
background: linear-gradient(to right, #3e2bce 0%, #bd2dd3 100%, #fd18ea 100%, #832dd3 100%);
overflow: hidden;
}
#stars {
width: 1px;
height: 1px;
background: transparent;
box-shadow:
501px 811px #fff,
1450px 1324px #fff,
1093px 1780px #fff,
1469px 678px #fff,
904px 741px #fff,
1160px 781px #fff,
1841px 1962px #fff,
1630px 1667px #fff,
1788px 676px #fff,
367px 1734px #fff,
1343px 156px #fff,
1283px 1142px #fff,
1062px 378px #fff,
1395px 467px #fff,
1017px 1891px #fff,
137px 1114px #fff,
1767px 1403px #fff,
1543px 11px #fff,
1078px 181px #fff,
1189px 1574px #fff,
1697px 1551px #fff,
439px 472px #fff,
1491px 677px #fff,
1364px 599px #fff,
34px 382px #fff,
1221px 1584px #fff,
1266px 1499px #fff,
169px 1907px #fff,
1219px 1125px #fff,
659px 18px #fff,
1731px 1959px #fff,
332px 1216px #fff,
1913px 788px #fff,
80px 712px #fff,
326px 1605px #fff,
574px 1502px #fff,
473px 1653px #fff,
404px 975px #fff,
322px 1797px #fff,
425px 1321px #fff,
1121px 1797px #fff,
731px 647px #fff,
891px 1584px #fff,
1523px 109px #fff,
1379px 244px #fff,
865px 1064px #fff,
493px 956px #fff,
624px 1380px #fff,
440px 619px #fff,
1630px 767px #fff,
955px 1196px #fff,
62px 729px #fff,
126px 946px #fff,
1256px 896px #fff,
1444px 256px #fff,
661px 1628px #fff,
1078px 1716px #fff,
300px 737px #fff,
1734px 413px #fff,
1296px 129px #fff,
1771px 1678px #fff,
977px 1764px #fff,
1879px 549px #fff,
665px 1531px #fff,
89px 701px #fff,
1084px 1183px #fff,
1597px 1576px #fff,
1354px 1774px #fff,
554px 1471px #fff,
1469px 287px #fff,
887px 106px #fff,
1962px 766px #fff,
638px 805px #fff,
1651px 741px #fff,
1517px 1826px #fff,
24px 1152px #fff,
507px 558px #fff,
1262px 652px #fff,
246px 1048px #fff,
1077px 421px #fff,
1866px 1847px #fff,
1986px 1561px #fff,
704px 632px #fff,
1991px 1875px #fff,
1227px 395px #fff,
45px 1116px #fff,
247px 786px #fff,
890px 607px #fff,
787px 1235px #fff,
557px 524px #fff,
1582px 1285px #fff,
1725px 1366px #fff,
952px 747px #fff,
251px 458px #fff,
1500px 1250px #fff,
1999px 1734px #fff,
1336px 1955px #fff,
1705px 1464px #fff,
728px 697px #fff,
594px 510px #fff,
1345px 1990px #fff,
1919px 1803px #fff,
1117px 966px #fff,
1629px 97px #fff,
1046px 1196px #fff,
810px 1092px #fff,
722px 976px #fff,
406px 18px #fff,
1665px 1860px #fff,
1758px 1628px #fff,
1183px 463px #fff,
564px 239px #fff,
13px 1767px #fff,
1482px 1472px #fff,
1700px 347px #fff,
1362px 244px #fff,
1141px 1708px #fff,
22px 885px #fff,
374px 1309px #fff,
1034px 1037px #fff,
1725px 1086px #fff,
1343px 1921px #fff,
596px 903px #fff,
1061px 478px #fff,
18px 1409px #fff,
729px 1364px #fff,
264px 911px #fff,
677px 1442px #fff,
123px 33px #fff,
1303px 646px #fff,
1945px 792px #fff,
1305px 938px #fff,
918px 1536px #fff,
620px 948px #fff,
183px 646px #fff,
695px 687px #fff,
881px 272px #fff,
1521px 1212px #fff,
1423px 1022px #fff,
1545px 1271px #fff,
1393px 348px #fff,
685px 1910px #fff,
1446px 856px #fff,
73px 1201px #fff,
736px 999px #fff,
673px 796px #fff,
469px 850px #fff,
1912px 142px #fff,
1278px 664px #fff,
184px 1990px #fff,
1173px 1312px #fff,
782px 1879px #fff,
323px 1035px #fff,
611px 908px #fff,
565px 1449px #fff,
748px 1713px #fff,
1047px 490px #fff,
1040px 1872px #fff,
1818px 1659px #fff,
1806px 1327px #fff,
386px 575px #fff,
1550px 463px #fff,
148px 687px #fff,
651px 1683px #fff,
1588px 1194px #fff,
1831px 2px #fff,
581px 876px #fff,
1396px 1743px #fff,
1212px 1810px #fff,
421px 1920px #fff,
658px 1461px #fff,
1859px 1809px #fff,
1456px 388px #fff,
186px 1627px #fff,
1528px 1145px #fff,
171px 97px #fff,
674px 1072px #fff,
676px 1052px #fff,
1165px 1131px #fff,
1088px 781px #fff,
1231px 948px #fff,
330px 257px #fff,
426px 1046px #fff,
549px 652px #fff,
1338px 74px #fff,
1749px 364px #fff,
931px 369px #fff,
383px 1428px #fff,
1558px 389px #fff,
927px 133px #fff,
234px 1888px #fff,
1785px 1617px #fff,
556px 643px #fff,
401px 275px #fff,
406px 1644px #fff,
1253px 1852px #fff,
1599px 883px #fff,
744px 1721px #fff,
524px 1297px #fff,
1226px 1177px #fff,
1679px 55px #fff,
874px 1811px #fff,
838px 790px #fff,
1241px 430px #fff,
1676px 652px #fff,
1191px 568px #fff,
53px 1990px #fff,
1163px 237px #fff,
61px 223px #fff,
592px 456px #fff,
1844px 271px #fff,
1324px 1488px #fff,
1373px 717px #fff,
1822px 709px #fff,
1464px 941px #fff,
1445px 1118px #fff,
991px 1414px #fff,
1964px 1076px #fff,
108px 172px #fff,
641px 1722px #fff,
1539px 427px #fff,
1697px 45px #fff,
1301px 1353px #fff,
1060px 329px #fff,
967px 1396px #fff,
493px 301px #fff,
1228px 1406px #fff,
1211px 1653px #fff,
444px 1822px #fff,
1746px 353px #fff,
1449px 381px #fff,
671px 887px #fff,
650px 138px #fff,
30px 1839px #fff,
1094px 1405px #fff,
273px 796px #fff,
1618px 1964px #fff,
1045px 1849px #fff,
1472px 1155px #fff,
1529px 1312px #fff,
728px 448px #fff,
44px 1908px #fff,
691px 818px #fff,
254px 293px #fff,
1981px 1133px #fff,
1307px 375px #fff,
196px 316px #fff,
1241px 1975px #fff,
1138px 1706px #fff,
1769px 463px #fff,
1768px 1428px #fff,
1730px 590px #fff,
1780px 523px #fff,
1862px 1526px #fff,
1613px 909px #fff,
1266px 1781px #fff,
470px 352px #fff,
699px 1682px #fff,
1002px 614px #fff,
1209px 133px #fff,
1842px 518px #fff,
1422px 1836px #fff,
1720px 1901px #fff,
470px 1788px #fff,
1355px 1387px #fff,
146px 1162px #fff,
933px 80px #fff,
681px 1063px #fff,
313px 1341px #fff,
740px 1498px #fff,
168px 1014px #fff,
345px 1355px #fff,
1498px 1562px #fff,
1626px 1358px #fff,
890px 403px #fff,
663px 562px #fff,
1481px 168px #fff,
22px 719px #fff,
774px 1041px #fff,
1899px 829px #fff,
430px 158px #fff,
430px 361px #fff,
1592px 1334px #fff,
224px 323px #fff,
1639px 1131px #fff,
7px 271px #fff,
1646px 1514px #fff,
1605px 1444px #fff,
1820px 1665px #fff,
1549px 1641px #fff,
1609px 1377px #fff,
486px 1098px #fff,
229px 613px #fff,
542px 1694px #fff,
318px 256px #fff,
1861px 918px #fff,
889px 892px #fff,
442px 1524px #fff,
19px 422px #fff,
1935px 1908px #fff,
828px 109px #fff,
862px 1248px #fff,
1275px 560px #fff,
906px 63px #fff,
337px 1605px #fff,
1691px 918px #fff,
1414px 679px #fff,
1726px 749px #fff,
1540px 1149px #fff,
1337px 1466px #fff,
446px 430px #fff,
676px 1616px #fff,
840px 326px #fff,
976px 977px #fff,
1840px 642px #fff,
1273px 804px #fff,
1071px 928px #fff,
1292px 1675px #fff,
29px 1148px #fff,
1585px 135px #fff,
1007px 563px #fff,
1035px 78px #fff,
1174px 574px #fff,
120px 1304px #fff,
845px 1292px #fff,
861px 540px #fff,
234px 232px #fff,
1940px 1367px #fff,
759px 639px #fff,
1775px 1381px #fff,
906px 372px #fff,
1104px 1165px #fff,
1524px 911px #fff,
1882px 330px #fff,
1389px 700px #fff,
300px 1629px #fff,
220px 1614px #fff,
563px 140px #fff,
1611px 1586px #fff,
793px 1316px #fff,
325px 1070px #fff,
1722px 1462px #fff,
1406px 1120px #fff,
1169px 1768px #fff,
1956px 1053px #fff,
959px 1587px #fff,
585px 1566px #fff,
370px 204px #fff,
1606px 1416px #fff,
443px 1606px #fff,
1499px 1102px #fff,
1943px 105px #fff,
1121px 1594px #fff,
1512px 32px #fff,
871px 1425px #fff,
433px 100px #fff,
294px 1471px #fff,
1688px 1755px #fff,
1666px 591px #fff,
1034px 300px #fff,
734px 1178px #fff,
1342px 313px #fff,
1616px 1590px #fff,
1763px 1472px #fff,
632px 1935px #fff,
1708px 872px #fff,
1871px 915px #fff,
1829px 1020px #fff,
1599px 578px #fff,
42px 585px #fff,
1163px 1382px #fff,
1744px 1272px #fff,
984px 1426px #fff,
1786px 1584px #fff,
1813px 379px #fff,
1867px 1127px #fff,
97px 567px #fff,
626px 988px #fff,
1178px 79px #fff,
1703px 211px #fff,
961px 1785px #fff,
110px 975px #fff,
953px 1941px #fff,
1027px 1790px #fff,
1665px 107px #fff,
11px 964px #fff,
1718px 1147px #fff,
21px 1728px #fff,
1358px 1922px #fff,
872px 65px #fff,
1191px 1635px #fff,
762px 681px #fff,
1519px 1033px #fff,
906px 566px #fff,
1074px 657px #fff,
1093px 415px #fff,
51px 198px #fff,
1075px 1418px #fff,
1547px 1070px #fff,
225px 920px #fff,
850px 1974px #fff,
981px 595px #fff,
1425px 131px #fff,
460px 917px #fff,
56px 495px #fff,
714px 428px #fff,
920px 493px #fff,
470px 1521px #fff,
532px 821px #fff,
1905px 71px #fff,
883px 1501px #fff,
294px 196px #fff,
381px 1999px #fff,
332px 793px #fff,
1246px 408px #fff,
233px 149px #fff,
315px 231px #fff,
1594px 1302px #fff,
696px 1585px #fff,
791px 136px #fff,
479px 199px #fff,
1627px 1413px #fff,
1824px 924px #fff,
1631px 342px #fff,
1251px 1151px #fff,
284px 1781px #fff,
497px 1052px #fff,
204px 1161px #fff,
646px 1499px #fff,
1762px 558px #fff,
854px 1833px #fff,
883px 945px #fff,
44px 982px #fff,
1101px 834px #fff,
515px 1748px #fff,
1578px 1435px #fff,
819px 1258px #fff,
776px 670px #fff,
115px 385px #fff,
1478px 434px #fff,
885px 20px #fff,
192px 1513px #fff,
78px 1129px #fff,
1774px 1105px #fff,
955px 1149px #fff,
1817px 1929px #fff,
1106px 1832px #fff,
1107px 1997px #fff,
94px 23px #fff,
243px 982px #fff,
43px 1972px #fff,
1798px 673px #fff,
1131px 1589px #fff,
841px 14px #fff,
826px 345px #fff,
687px 56px #fff,
1084px 32px #fff,
1887px 1878px #fff,
153px 526px #fff,
1828px 253px #fff,
1947px 1105px #fff,
886px 700px #fff,
1307px 1723px #fff,
1274px 651px #fff,
1530px 837px #fff,
1699px 1637px #fff,
1703px 1331px #fff,
1929px 1557px #fff,
1763px 737px #fff,
1118px 1680px #fff,
1545px 692px #fff,
1462px 1092px #fff,
208px 1667px #fff,
1393px 859px #fff,
186px 1794px #fff,
351px 1199px #fff,
642px 1995px #fff,
1061px 1726px #fff,
1708px 115px #fff,
1233px 1305px #fff,
637px 1786px #fff,
1730px 603px #fff,
75px 1240px #fff,
1704px 1326px #fff,
584px 346px #fff,
438px 1554px #fff,
561px 513px #fff,
1382px 225px #fff,
467px 1674px #fff,
1403px 815px #fff,
1546px 1835px #fff,
127px 1119px #fff,
276px 591px #fff,
688px 1458px #fff,
765px 646px #fff,
474px 984px #fff,
171px 361px #fff,
94px 1480px #fff,
1962px 1666px #fff,
909px 1037px #fff,
1725px 222px #fff,
253px 1355px #fff,
1892px 1901px #fff,
275px 1847px #fff,
28px 1184px #fff,
1725px 1382px #fff,
882px 647px #fff,
1935px 1046px #fff,
10px 344px #fff,
292px 1328px #fff,
127px 1352px #fff,
752px 929px #fff,
1589px 384px #fff,
284px 1829px #fff,
381px 820px #fff,
1229px 1125px #fff,
777px 429px #fff,
1811px 1499px #fff,
1573px 287px #fff,
295px 756px #fff,
389px 616px #fff,
781px 41px #fff,
1092px 333px #fff,
794px 1588px #fff,
386px 1847px #fff,
1802px 710px #fff,
662px 60px #fff,
640px 264px #fff,
463px 746px #fff,
1859px 799px #fff,
763px 37px #fff,
639px 396px #fff,
357px 1071px #fff,
1190px 1430px #fff,
1814px 257px #fff,
1382px 235px #fff,
606px 1304px #fff,
1939px 1470px #fff,
1124px 349px #fff,
307px 1567px #fff,
310px 1323px #fff,
1145px 922px #fff,
1196px 1922px #fff,
1647px 544px #fff,
788px 1337px #fff,
257px 632px #fff,
1413px 414px #fff,
590px 620px #fff,
582px 794px #fff,
1702px 1481px #fff,
1055px 53px #fff,
157px 346px #fff,
50px 1901px #fff,
1038px 1369px #fff,
796px 1941px #fff,
215px 194px #fff,
1567px 1538px #fff,
367px 800px #fff,
1044px 489px #fff,
1109px 1712px #fff,
524px 327px #fff,
525px 1252px #fff,
1475px 1240px #fff,
529px 436px #fff,
795px 834px #fff,
122px 1371px #fff,
79px 482px #fff,
520px 1249px #fff,
336px 1878px #fff,
188px 944px #fff,
325px 1259px #fff,
1491px 1942px #fff,
620px 1054px #fff,
1606px 1153px #fff,
1448px 502px #fff,
53px 1381px #fff,
107px 1670px #fff,
1380px 618px #fff,
967px 1557px #fff,
1116px 1722px #fff,
1174px 1044px #fff,
1805px 717px #fff,
663px 394px #fff,
1848px 1007px #fff,
389px 802px #fff,
49px 392px #fff,
1650px 852px #fff,
1678px 1012px #fff,
335px 1009px #fff,
1818px 1631px #fff,
1568px 742px #fff,
1162px 1991px #fff,
52px 1190px #fff,
1401px 928px #fff,
119px 1549px #fff,
537px 1529px #fff,
2px 1709px #fff,
122px 387px #fff,
543px 2px #fff,
27px 1971px #fff,
507px 1377px #fff,
1362px 1080px #fff,
1031px 1544px #fff,
1631px 1174px #fff,
1603px 312px #fff,
1626px 1422px #fff,
1430px 615px #fff,
1958px 1431px #fff,
1946px 1412px #fff,
1848px 247px #fff,
984px 1808px #fff,
1396px 225px #fff,
319px 717px #fff,
1252px 875px #fff,
1619px 156px #fff,
951px 1971px #fff,
386px 355px #fff,
1406px 1151px #fff,
273px 1538px #fff,
844px 1570px #fff,
947px 151px #fff,
1363px 525px #fff,
209px 307px #fff,
1923px 1718px #fff,
993px 1741px #fff,
1513px 353px #fff,
1353px 61px #fff,
664px 352px #fff,
1382px 359px #fff,
1487px 1707px #fff,
657px 1045px #fff,
1107px 490px #fff,
1834px 1176px #fff,
837px 1438px #fff,
1947px 448px #fff,
1196px 333px #fff,
151px 555px #fff,
18px 992px #fff,
458px 748px #fff,
1801px 890px #fff,
1093px 1012px #fff,
315px 1101px #fff,
194px 323px #fff,
754px 292px #fff,
1737px 7px #fff,
40px 840px #fff,
1170px 805px #fff,
176px 1753px #fff,
805px 1148px #fff,
1578px 1271px #fff,
367px 1494px #fff,
363px 1111px #fff,
1955px 243px #fff,
1451px 1093px #fff,
375px 617px #fff,
1223px 720px #fff,
1178px 13px #fff,
1456px 865px #fff,
1440px 49px #fff,
186px 1569px #fff,
320px 1853px #fff,
300px 539px #fff,
1559px 509px #fff,
1985px 1108px #fff,
1588px 828px #fff,
525px 1432px #fff,
831px 363px #fff,
141px 281px #fff,
1319px 402px #fff,
40px 456px #fff,
1955px 478px #fff,
1758px 818px #fff,
1924px 688px #fff,
1030px 953px #fff,
1982px 210px #fff,
917px 1401px #fff,
1051px 1837px #fff,
1045px 463px #fff,
1744px 573px #fff,
529px 1530px #fff,
542px 469px #fff,
1982px 324px #fff,
1902px 1422px #fff,
1968px 782px #fff,
1666px 1561px #fff,
955px 304px #fff,
323px 778px #fff,
272px 443px #fff,
485px 581px #fff,
1353px 1058px #fff,
1257px 131px #fff,
434px 98px #fff,
1587px 1953px #fff,
1749px 68px #fff,
1984px 839px #fff,
1518px 183px #fff,
1071px 855px #fff,
1662px 1994px #fff,
1111px 106px #fff,
1954px 838px #fff;
animation: animStar 50s linear infinite;
}
#stars:after {
content: " ";
position: absolute;
top: 2000px;
width: 1px;
height: 1px;
background: transparent;
box-shadow:
501px 811px #fff,
1450px 1324px #fff,
1093px 1780px #fff,
1469px 678px #fff,
904px 741px #fff,
1160px 781px #fff,
1841px 1962px #fff,
1630px 1667px #fff,
1788px 676px #fff,
367px 1734px #fff,
1343px 156px #fff,
1283px 1142px #fff,
1062px 378px #fff,
1395px 467px #fff,
1017px 1891px #fff,
137px 1114px #fff,
1767px 1403px #fff,
1543px 11px #fff,
1078px 181px #fff,
1189px 1574px #fff,
1697px 1551px #fff,
439px 472px #fff,
1491px 677px #fff,
1364px 599px #fff,
34px 382px #fff,
1221px 1584px #fff,
1266px 1499px #fff,
169px 1907px #fff,
1219px 1125px #fff,
659px 18px #fff,
1731px 1959px #fff,
332px 1216px #fff,
1913px 788px #fff,
80px 712px #fff,
326px 1605px #fff,
574px 1502px #fff,
473px 1653px #fff,
404px 975px #fff,
322px 1797px #fff,
425px 1321px #fff,
1121px 1797px #fff,
731px 647px #fff,
891px 1584px #fff,
1523px 109px #fff,
1379px 244px #fff,
865px 1064px #fff,
493px 956px #fff,
624px 1380px #fff,
440px 619px #fff,
1630px 767px #fff,
955px 1196px #fff,
62px 729px #fff,
126px 946px #fff,
1256px 896px #fff,
1444px 256px #fff,
661px 1628px #fff,
1078px 1716px #fff,
300px 737px #fff,
1734px 413px #fff,
1296px 129px #fff,
1771px 1678px #fff,
977px 1764px #fff,
1879px 549px #fff,
665px 1531px #fff,
89px 701px #fff,
1084px 1183px #fff,
1597px 1576px #fff,
1354px 1774px #fff,
554px 1471px #fff,
1469px 287px #fff,
887px 106px #fff,
1962px 766px #fff,
638px 805px #fff,
1651px 741px #fff,
1517px 1826px #fff,
24px 1152px #fff,
507px 558px #fff,
1262px 652px #fff,
246px 1048px #fff,
1077px 421px #fff,
1866px 1847px #fff,
1986px 1561px #fff,
704px 632px #fff,
1991px 1875px #fff,
1227px 395px #fff,
45px 1116px #fff,
247px 786px #fff,
890px 607px #fff,
787px 1235px #fff,
557px 524px #fff,
1582px 1285px #fff,
1725px 1366px #fff,
952px 747px #fff,
251px 458px #fff,
1500px 1250px #fff,
1999px 1734px #fff,
1336px 1955px #fff,
1705px 1464px #fff,
728px 697px #fff,
594px 510px #fff,
1345px 1990px #fff,
1919px 1803px #fff,
1117px 966px #fff,
1629px 97px #fff,
1046px 1196px #fff,
810px 1092px #fff,
722px 976px #fff,
406px 18px #fff,
1665px 1860px #fff,
1758px 1628px #fff,
1183px 463px #fff,
564px 239px #fff,
13px 1767px #fff,
1482px 1472px #fff,
1700px 347px #fff,
1362px 244px #fff,
1141px 1708px #fff,
22px 885px #fff,
374px 1309px #fff,
1034px 1037px #fff,
1725px 1086px #fff,
1343px 1921px #fff,
596px 903px #fff,
1061px 478px #fff,
18px 1409px #fff,
729px 1364px #fff,
264px 911px #fff,
677px 1442px #fff,
123px 33px #fff,
1303px 646px #fff,
1945px 792px #fff,
1305px 938px #fff,
918px 1536px #fff,
620px 948px #fff,
183px 646px #fff,
695px 687px #fff,
881px 272px #fff,
1521px 1212px #fff,
1423px 1022px #fff,
1545px 1271px #fff,
1393px 348px #fff,
685px 1910px #fff,
1446px 856px #fff,
73px 1201px #fff,
736px 999px #fff,
673px 796px #fff,
469px 850px #fff,
1912px 142px #fff,
1278px 664px #fff,
184px 1990px #fff,
1173px 1312px #fff,
782px 1879px #fff,
323px 1035px #fff,
611px 908px #fff,
565px 1449px #fff,
748px 1713px #fff,
1047px 490px #fff,
1040px 1872px #fff,
1818px 1659px #fff,
1806px 1327px #fff,
386px 575px #fff,
1550px 463px #fff,
148px 687px #fff,
651px 1683px #fff,
1588px 1194px #fff,
1831px 2px #fff,
581px 876px #fff,
1396px 1743px #fff,
1212px 1810px #fff,
421px 1920px #fff,
658px 1461px #fff,
1859px 1809px #fff,
1456px 388px #fff,
186px 1627px #fff,
1528px 1145px #fff,
171px 97px #fff,
674px 1072px #fff,
676px 1052px #fff,
1165px 1131px #fff,
1088px 781px #fff,
1231px 948px #fff,
330px 257px #fff,
426px 1046px #fff,
549px 652px #fff,
1338px 74px #fff,
1749px 364px #fff,
931px 369px #fff,
383px 1428px #fff,
1558px 389px #fff,
927px 133px #fff,
234px 1888px #fff,
1785px 1617px #fff,
556px 643px #fff,
401px 275px #fff,
406px 1644px #fff,
1253px 1852px #fff,
1599px 883px #fff,
744px 1721px #fff,
524px 1297px #fff,
1226px 1177px #fff,
1679px 55px #fff,
874px 1811px #fff,
838px 790px #fff,
1241px 430px #fff,
1676px 652px #fff,
1191px 568px #fff,
53px 1990px #fff,
1163px 237px #fff,
61px 223px #fff,
592px 456px #fff,
1844px 271px #fff,
1324px 1488px #fff,
1373px 717px #fff,
1822px 709px #fff,
1464px 941px #fff,
1445px 1118px #fff,
991px 1414px #fff,
1964px 1076px #fff,
108px 172px #fff,
641px 1722px #fff,
1539px 427px #fff,
1697px 45px #fff,
1301px 1353px #fff,
1060px 329px #fff,
967px 1396px #fff,
493px 301px #fff,
1228px 1406px #fff,
1211px 1653px #fff,
444px 1822px #fff,
1746px 353px #fff,
1449px 381px #fff,
671px 887px #fff,
650px 138px #fff,
30px 1839px #fff,
1094px 1405px #fff,
273px 796px #fff,
1618px 1964px #fff,
1045px 1849px #fff,
1472px 1155px #fff,
1529px 1312px #fff,
728px 448px #fff,
44px 1908px #fff,
691px 818px #fff,
254px 293px #fff,
1981px 1133px #fff,
1307px 375px #fff,
196px 316px #fff,
1241px 1975px #fff,
1138px 1706px #fff,
1769px 463px #fff,
1768px 1428px #fff,
1730px 590px #fff,
1780px 523px #fff,
1862px 1526px #fff,
1613px 909px #fff,
1266px 1781px #fff,
470px 352px #fff,
699px 1682px #fff,
1002px 614px #fff,
1209px 133px #fff,
1842px 518px #fff,
1422px 1836px #fff,
1720px 1901px #fff,
470px 1788px #fff,
1355px 1387px #fff,
146px 1162px #fff,
933px 80px #fff,
681px 1063px #fff,
313px 1341px #fff,
740px 1498px #fff,
168px 1014px #fff,
345px 1355px #fff,
1498px 1562px #fff,
1626px 1358px #fff,
890px 403px #fff,
663px 562px #fff,
1481px 168px #fff,
22px 719px #fff,
774px 1041px #fff,
1899px 829px #fff,
430px 158px #fff,
430px 361px #fff,
1592px 1334px #fff,
224px 323px #fff,
1639px 1131px #fff,
7px 271px #fff,
1646px 1514px #fff,
1605px 1444px #fff,
1820px 1665px #fff,
1549px 1641px #fff,
1609px 1377px #fff,
486px 1098px #fff,
229px 613px #fff,
542px 1694px #fff,
318px 256px #fff,
1861px 918px #fff,
889px 892px #fff,
442px 1524px #fff,
19px 422px #fff,
1935px 1908px #fff,
828px 109px #fff,
862px 1248px #fff,
1275px 560px #fff,
906px 63px #fff,
337px 1605px #fff,
1691px 918px #fff,
1414px 679px #fff,
1726px 749px #fff,
1540px 1149px #fff,
1337px 1466px #fff,
446px 430px #fff,
676px 1616px #fff,
840px 326px #fff,
976px 977px #fff,
1840px 642px #fff,
1273px 804px #fff,
1071px 928px #fff,
1292px 1675px #fff,
29px 1148px #fff,
1585px 135px #fff,
1007px 563px #fff,
1035px 78px #fff,
1174px 574px #fff,
120px 1304px #fff,
845px 1292px #fff,
861px 540px #fff,
234px 232px #fff,
1940px 1367px #fff,
759px 639px #fff,
1775px 1381px #fff,
906px 372px #fff,
1104px 1165px #fff,
1524px 911px #fff,
1882px 330px #fff,
1389px 700px #fff,
300px 1629px #fff,
220px 1614px #fff,
563px 140px #fff,
1611px 1586px #fff,
793px 1316px #fff,
325px 1070px #fff,
1722px 1462px #fff,
1406px 1120px #fff,
1169px 1768px #fff,
1956px 1053px #fff,
959px 1587px #fff,
585px 1566px #fff,
370px 204px #fff,
1606px 1416px #fff,
443px 1606px #fff,
1499px 1102px #fff,
1943px 105px #fff,
1121px 1594px #fff,
1512px 32px #fff,
871px 1425px #fff,
433px 100px #fff,
294px 1471px #fff,
1688px 1755px #fff,
1666px 591px #fff,
1034px 300px #fff,
734px 1178px #fff,
1342px 313px #fff,
1616px 1590px #fff,
1763px 1472px #fff,
632px 1935px #fff,
1708px 872px #fff,
1871px 915px #fff,
1829px 1020px #fff,
1599px 578px #fff,
42px 585px #fff,
1163px 1382px #fff,
1744px 1272px #fff,
984px 1426px #fff,
1786px 1584px #fff,
1813px 379px #fff,
1867px 1127px #fff,
97px 567px #fff,
626px 988px #fff,
1178px 79px #fff,
1703px 211px #fff,
961px 1785px #fff,
110px 975px #fff,
953px 1941px #fff,
1027px 1790px #fff,
1665px 107px #fff,
11px 964px #fff,
1718px 1147px #fff,
21px 1728px #fff,
1358px 1922px #fff,
872px 65px #fff,
1191px 1635px #fff,
762px 681px #fff,
1519px 1033px #fff,
906px 566px #fff,
1074px 657px #fff,
1093px 415px #fff,
51px 198px #fff,
1075px 1418px #fff,
1547px 1070px #fff,
225px 920px #fff,
850px 1974px #fff,
981px 595px #fff,
1425px 131px #fff,
460px 917px #fff,
56px 495px #fff,
714px 428px #fff,
920px 493px #fff,
470px 1521px #fff,
532px 821px #fff,
1905px 71px #fff,
883px 1501px #fff,
294px 196px #fff,
381px 1999px #fff,
332px 793px #fff,
1246px 408px #fff,
233px 149px #fff,
315px 231px #fff,
1594px 1302px #fff,
696px 1585px #fff,
791px 136px #fff,
479px 199px #fff,
1627px 1413px #fff,
1824px 924px #fff,
1631px 342px #fff,
1251px 1151px #fff,
284px 1781px #fff,
497px 1052px #fff,
204px 1161px #fff,
646px 1499px #fff,
1762px 558px #fff,
854px 1833px #fff,
883px 945px #fff,
44px 982px #fff,
1101px 834px #fff,
515px 1748px #fff,
1578px 1435px #fff,
819px 1258px #fff,
776px 670px #fff,
115px 385px #fff,
1478px 434px #fff,
885px 20px #fff,
192px 1513px #fff,
78px 1129px #fff,
1774px 1105px #fff,
955px 1149px #fff,
1817px 1929px #fff,
1106px 1832px #fff,
1107px 1997px #fff,
94px 23px #fff,
243px 982px #fff,
43px 1972px #fff,
1798px 673px #fff,
1131px 1589px #fff,
841px 14px #fff,
826px 345px #fff,
687px 56px #fff,
1084px 32px #fff,
1887px 1878px #fff,
153px 526px #fff,
1828px 253px #fff,
1947px 1105px #fff,
886px 700px #fff,
1307px 1723px #fff,
1274px 651px #fff,
1530px 837px #fff,
1699px 1637px #fff,
1703px 1331px #fff,
1929px 1557px #fff,
1763px 737px #fff,
1118px 1680px #fff,
1545px 692px #fff,
1462px 1092px #fff,
208px 1667px #fff,
1393px 859px #fff,
186px 1794px #fff,
351px 1199px #fff,
642px 1995px #fff,
1061px 1726px #fff,
1708px 115px #fff,
1233px 1305px #fff,
637px 1786px #fff,
1730px 603px #fff,
75px 1240px #fff,
1704px 1326px #fff,
584px 346px #fff,
438px 1554px #fff,
561px 513px #fff,
1382px 225px #fff,
467px 1674px #fff,
1403px 815px #fff,
1546px 1835px #fff,
127px 1119px #fff,
276px 591px #fff,
688px 1458px #fff,
765px 646px #fff,
474px 984px #fff,
171px 361px #fff,
94px 1480px #fff,
1962px 1666px #fff,
909px 1037px #fff,
1725px 222px #fff,
253px 1355px #fff,
1892px 1901px #fff,
275px 1847px #fff,
28px 1184px #fff,
1725px 1382px #fff,
882px 647px #fff,
1935px 1046px #fff,
10px 344px #fff,
292px 1328px #fff,
127px 1352px #fff,
752px 929px #fff,
1589px 384px #fff,
284px 1829px #fff,
381px 820px #fff,
1229px 1125px #fff,
777px 429px #fff,
1811px 1499px #fff,
1573px 287px #fff,
295px 756px #fff,
389px 616px #fff,
781px 41px #fff,
1092px 333px #fff,
794px 1588px #fff,
386px 1847px #fff,
1802px 710px #fff,
662px 60px #fff,
640px 264px #fff,
463px 746px #fff,
1859px 799px #fff,
763px 37px #fff,
639px 396px #fff,
357px 1071px #fff,
1190px 1430px #fff,
1814px 257px #fff,
1382px 235px #fff,
606px 1304px #fff,
1939px 1470px #fff,
1124px 349px #fff,
307px 1567px #fff,
310px 1323px #fff,
1145px 922px #fff,
1196px 1922px #fff,
1647px 544px #fff,
788px 1337px #fff,
257px 632px #fff,
1413px 414px #fff,
590px 620px #fff,
582px 794px #fff,
1702px 1481px #fff,
1055px 53px #fff,
157px 346px #fff,
50px 1901px #fff,
1038px 1369px #fff,
796px 1941px #fff,
215px 194px #fff,
1567px 1538px #fff,
367px 800px #fff,
1044px 489px #fff,
1109px 1712px #fff,
524px 327px #fff,
525px 1252px #fff,
1475px 1240px #fff,
529px 436px #fff,
795px 834px #fff,
122px 1371px #fff,
79px 482px #fff,
520px 1249px #fff,
336px 1878px #fff,
188px 944px #fff,
325px 1259px #fff,
1491px 1942px #fff,
620px 1054px #fff,
1606px 1153px #fff,
1448px 502px #fff,
53px 1381px #fff,
107px 1670px #fff,
1380px 618px #fff,
967px 1557px #fff,
1116px 1722px #fff,
1174px 1044px #fff,
1805px 717px #fff,
663px 394px #fff,
1848px 1007px #fff,
389px 802px #fff,
49px 392px #fff,
1650px 852px #fff,
1678px 1012px #fff,
335px 1009px #fff,
1818px 1631px #fff,
1568px 742px #fff,
1162px 1991px #fff,
52px 1190px #fff,
1401px 928px #fff,
119px 1549px #fff,
537px 1529px #fff,
2px 1709px #fff,
122px 387px #fff,
543px 2px #fff,
27px 1971px #fff,
507px 1377px #fff,
1362px 1080px #fff,
1031px 1544px #fff,
1631px 1174px #fff,
1603px 312px #fff,
1626px 1422px #fff,
1430px 615px #fff,
1958px 1431px #fff,
1946px 1412px #fff,
1848px 247px #fff,
984px 1808px #fff,
1396px 225px #fff,
319px 717px #fff,
1252px 875px #fff,
1619px 156px #fff,
951px 1971px #fff,
386px 355px #fff,
1406px 1151px #fff,
273px 1538px #fff,
844px 1570px #fff,
947px 151px #fff,
1363px 525px #fff,
209px 307px #fff,
1923px 1718px #fff,
993px 1741px #fff,
1513px 353px #fff,
1353px 61px #fff,
664px 352px #fff,
1382px 359px #fff,
1487px 1707px #fff,
657px 1045px #fff,
1107px 490px #fff,
1834px 1176px #fff,
837px 1438px #fff,
1947px 448px #fff,
1196px 333px #fff,
151px 555px #fff,
18px 992px #fff,
458px 748px #fff,
1801px 890px #fff,
1093px 1012px #fff,
315px 1101px #fff,
194px 323px #fff,
754px 292px #fff,
1737px 7px #fff,
40px 840px #fff,
1170px 805px #fff,
176px 1753px #fff,
805px 1148px #fff,
1578px 1271px #fff,
367px 1494px #fff,
363px 1111px #fff,
1955px 243px #fff,
1451px 1093px #fff,
375px 617px #fff,
1223px 720px #fff,
1178px 13px #fff,
1456px 865px #fff,
1440px 49px #fff,
186px 1569px #fff,
320px 1853px #fff,
300px 539px #fff,
1559px 509px #fff,
1985px 1108px #fff,
1588px 828px #fff,
525px 1432px #fff,
831px 363px #fff,
141px 281px #fff,
1319px 402px #fff,
40px 456px #fff,
1955px 478px #fff,
1758px 818px #fff,
1924px 688px #fff,
1030px 953px #fff,
1982px 210px #fff,
917px 1401px #fff,
1051px 1837px #fff,
1045px 463px #fff,
1744px 573px #fff,
529px 1530px #fff,
542px 469px #fff,
1982px 324px #fff,
1902px 1422px #fff,
1968px 782px #fff,
1666px 1561px #fff,
955px 304px #fff,
323px 778px #fff,
272px 443px #fff,
485px 581px #fff,
1353px 1058px #fff,
1257px 131px #fff,
434px 98px #fff,
1587px 1953px #fff,
1749px 68px #fff,
1984px 839px #fff,
1518px 183px #fff,
1071px 855px #fff,
1662px 1994px #fff,
1111px 106px #fff,
1954px 838px #fff;
}
#stars2 {
width: 2px;
height: 2px;
background: transparent;
box-shadow:
1925px 1320px #fff,
693px 1778px #fff,
1016px 711px #fff,
1171px 563px #fff,
661px 1919px #fff,
1610px 44px #fff,
1275px 140px #fff,
1208px 1802px #fff,
1473px 1587px #fff,
11px 1117px #fff,
853px 1757px #fff,
1149px 937px #fff,
1353px 428px #fff,
270px 279px #fff,
258px 1404px #fff,
417px 1188px #fff,
286px 561px #fff,
393px 1765px #fff,
147px 881px #fff,
666px 1097px #fff,
1425px 1278px #fff,
806px 156px #fff,
1252px 561px #fff,
218px 52px #fff,
1371px 1980px #fff,
171px 745px #fff,
1424px 89px #fff,
137px 244px #fff,
939px 1922px #fff,
137px 1080px #fff,
1757px 50px #fff,
904px 536px #fff,
1938px 1001px #fff,
1172px 440px #fff,
72px 1475px #fff,
102px 121px #fff,
804px 1671px #fff,
1314px 270px #fff,
440px 1341px #fff,
1216px 511px #fff,
1061px 1523px #fff,
97px 274px #fff,
704px 1318px #fff,
52px 1872px #fff,
1962px 296px #fff,
111px 289px #fff,
1157px 1236px #fff,
1347px 1451px #fff,
820px 286px #fff,
1389px 1169px #fff,
644px 841px #fff,
1286px 522px #fff,
955px 659px #fff,
428px 1805px #fff,
237px 557px #fff,
1689px 1058px #fff,
636px 1882px #fff,
1349px 1664px #fff,
1548px 432px #fff,
1841px 504px #fff,
302px 252px #fff,
827px 1765px #fff,
620px 123px #fff,
207px 748px #fff,
1454px 1234px #fff,
1967px 1790px #fff,
542px 33px #fff,
742px 1214px #fff,
255px 1402px #fff,
74px 1772px #fff,
699px 475px #fff,
980px 1253px #fff,
534px 1676px #fff,
909px 202px #fff,
1498px 1251px #fff,
1796px 120px #fff,
1409px 1263px #fff,
1627px 995px #fff,
969px 710px #fff,
1674px 676px #fff,
1832px 759px #fff,
1623px 563px #fff,
251px 1790px #fff,
96px 1688px #fff,
886px 239px #fff,
778px 150px #fff,
1767px 430px #fff,
765px 1259px #fff,
1189px 877px #fff,
444px 1629px #fff,
1560px 324px #fff,
1952px 1097px #fff,
712px 1173px #fff,
541px 911px #fff,
827px 1420px #fff,
1233px 285px #fff,
784px 546px #fff,
645px 285px #fff,
1273px 1255px #fff,
1821px 174px #fff,
221px 1795px #fff,
1004px 456px #fff,
1298px 941px #fff,
274px 387px #fff,
174px 376px #fff,
1491px 258px #fff,
1489px 1946px #fff,
1134px 1382px #fff,
1289px 1145px #fff,
464px 358px #fff,
1249px 1842px #fff,
1665px 831px #fff,
1982px 84px #fff,
541px 774px #fff,
1994px 523px #fff,
762px 1644px #fff,
1730px 867px #fff,
1951px 1287px #fff,
911px 1691px #fff,
1454px 725px #fff,
1287px 1940px #fff,
70px 564px #fff,
1980px 638px #fff,
1674px 1774px #fff,
1720px 116px #fff,
1747px 182px #fff,
1040px 450px #fff,
1795px 375px #fff,
857px 1471px #fff,
1326px 1730px #fff,
915px 274px #fff,
1224px 358px #fff,
1808px 60px #fff,
43px 1870px #fff,
1810px 1536px #fff,
1564px 1719px #fff,
731px 1388px #fff,
1953px 1967px #fff,
1744px 1119px #fff,
794px 1384px #fff,
959px 714px #fff,
18px 1932px #fff,
1358px 1437px #fff,
355px 939px #fff,
1355px 1648px #fff,
608px 719px #fff,
383px 758px #fff,
1164px 1681px #fff,
1045px 253px #fff,
424px 1279px #fff,
1899px 359px #fff,
379px 488px #fff,
214px 465px #fff,
179px 905px #fff,
830px 1993px #fff,
448px 1077px #fff,
1880px 1354px #fff,
1973px 347px #fff,
745px 1025px #fff,
788px 1007px #fff,
1377px 883px #fff,
6px 290px #fff,
1312px 407px #fff,
1398px 622px #fff,
1405px 339px #fff,
1198px 1709px #fff,
988px 1226px #fff,
87px 1459px #fff,
1113px 1698px #fff,
997px 732px #fff,
708px 331px #fff,
1876px 1112px #fff,
1729px 1797px #fff,
719px 703px #fff,
1295px 522px #fff,
758px 1061px #fff,
1309px 1014px #fff,
1327px 1365px #fff,
854px 1317px #fff,
531px 1001px #fff,
1751px 1040px #fff,
1354px 190px #fff,
800px 1538px #fff,
88px 1455px #fff,
668px 39px #fff,
1379px 41px #fff,
892px 524px #fff,
54px 649px #fff,
1289px 730px #fff,
727px 488px #fff,
181px 842px #fff,
1230px 64px #fff,
3px 857px #fff,
292px 1201px #fff,
1343px 673px #fff,
1096px 1412px #fff,
1520px 292px #fff,
104px 1683px #fff,
934px 1387px #fff,
314px 739px #fff;
animation: animStar 100s linear infinite;
}
#stars2:after {
content: " ";
position: absolute;
top: 2000px;
width: 2px;
height: 2px;
background: transparent;
box-shadow:
1925px 1320px #fff,
693px 1778px #fff,
1016px 711px #fff,
1171px 563px #fff,
661px 1919px #fff,
1610px 44px #fff,
1275px 140px #fff,
1208px 1802px #fff,
1473px 1587px #fff,
11px 1117px #fff,
853px 1757px #fff,
1149px 937px #fff,
1353px 428px #fff,
270px 279px #fff,
258px 1404px #fff,
417px 1188px #fff,
286px 561px #fff,
393px 1765px #fff,
147px 881px #fff,
666px 1097px #fff,
1425px 1278px #fff,
806px 156px #fff,
1252px 561px #fff,
218px 52px #fff,
1371px 1980px #fff,
171px 745px #fff,
1424px 89px #fff,
137px 244px #fff,
939px 1922px #fff,
137px 1080px #fff,
1757px 50px #fff,
904px 536px #fff,
1938px 1001px #fff,
1172px 440px #fff,
72px 1475px #fff,
102px 121px #fff,
804px 1671px #fff,
1314px 270px #fff,
440px 1341px #fff,
1216px 511px #fff,
1061px 1523px #fff,
97px 274px #fff,
704px 1318px #fff,
52px 1872px #fff,
1962px 296px #fff,
111px 289px #fff,
1157px 1236px #fff,
1347px 1451px #fff,
820px 286px #fff,
1389px 1169px #fff,
644px 841px #fff,
1286px 522px #fff,
955px 659px #fff,
428px 1805px #fff,
237px 557px #fff,
1689px 1058px #fff,
636px 1882px #fff,
1349px 1664px #fff,
1548px 432px #fff,
1841px 504px #fff,
302px 252px #fff,
827px 1765px #fff,
620px 123px #fff,
207px 748px #fff,
1454px 1234px #fff,
1967px 1790px #fff,
542px 33px #fff,
742px 1214px #fff,
255px 1402px #fff,
74px 1772px #fff,
699px 475px #fff,
980px 1253px #fff,
534px 1676px #fff,
909px 202px #fff,
1498px 1251px #fff,
1796px 120px #fff,
1409px 1263px #fff,
1627px 995px #fff,
969px 710px #fff,
1674px 676px #fff,
1832px 759px #fff,
1623px 563px #fff,
251px 1790px #fff,
96px 1688px #fff,
886px 239px #fff,
778px 150px #fff,
1767px 430px #fff,
765px 1259px #fff,
1189px 877px #fff,
444px 1629px #fff,
1560px 324px #fff,
1952px 1097px #fff,
712px 1173px #fff,
541px 911px #fff,
827px 1420px #fff,
1233px 285px #fff,
784px 546px #fff,
645px 285px #fff,
1273px 1255px #fff,
1821px 174px #fff,
221px 1795px #fff,
1004px 456px #fff,
1298px 941px #fff,
274px 387px #fff,
174px 376px #fff,
1491px 258px #fff,
1489px 1946px #fff,
1134px 1382px #fff,
1289px 1145px #fff,
464px 358px #fff,
1249px 1842px #fff,
1665px 831px #fff,
1982px 84px #fff,
541px 774px #fff,
1994px 523px #fff,
762px 1644px #fff,
1730px 867px #fff,
1951px 1287px #fff,
911px 1691px #fff,
1454px 725px #fff,
1287px 1940px #fff,
70px 564px #fff,
1980px 638px #fff,
1674px 1774px #fff,
1720px 116px #fff,
1747px 182px #fff,
1040px 450px #fff,
1795px 375px #fff,
857px 1471px #fff,
1326px 1730px #fff,
915px 274px #fff,
1224px 358px #fff,
1808px 60px #fff,
43px 1870px #fff,
1810px 1536px #fff,
1564px 1719px #fff,
731px 1388px #fff,
1953px 1967px #fff,
1744px 1119px #fff,
794px 1384px #fff,
959px 714px #fff,
18px 1932px #fff,
1358px 1437px #fff,
355px 939px #fff,
1355px 1648px #fff,
608px 719px #fff,
383px 758px #fff,
1164px 1681px #fff,
1045px 253px #fff,
424px 1279px #fff,
1899px 359px #fff,
379px 488px #fff,
214px 465px #fff,
179px 905px #fff,
830px 1993px #fff,
448px 1077px #fff,
1880px 1354px #fff,
1973px 347px #fff,
745px 1025px #fff,
788px 1007px #fff,
1377px 883px #fff,
6px 290px #fff,
1312px 407px #fff,
1398px 622px #fff,
1405px 339px #fff,
1198px 1709px #fff,
988px 1226px #fff,
87px 1459px #fff,
1113px 1698px #fff,
997px 732px #fff,
708px 331px #fff,
1876px 1112px #fff,
1729px 1797px #fff,
719px 703px #fff,
1295px 522px #fff,
758px 1061px #fff,
1309px 1014px #fff,
1327px 1365px #fff,
854px 1317px #fff,
531px 1001px #fff,
1751px 1040px #fff,
1354px 190px #fff,
800px 1538px #fff,
88px 1455px #fff,
668px 39px #fff,
1379px 41px #fff,
892px 524px #fff,
54px 649px #fff,
1289px 730px #fff,
727px 488px #fff,
181px 842px #fff,
1230px 64px #fff,
3px 857px #fff,
292px 1201px #fff,
1343px 673px #fff,
1096px 1412px #fff,
1520px 292px #fff,
104px 1683px #fff,
934px 1387px #fff,
314px 739px #fff;
}
#stars3 {
width: 3px;
height: 3px;
background: transparent;
box-shadow:
200px 981px #fff,
1731px 521px #fff,
132px 1039px #fff,
1888px 1547px #fff,
899px 1226px #fff,
1887px 580px #fff,
1548px 1092px #fff,
1626px 689px #fff,
254px 1072px #fff,
1684px 1211px #fff,
672px 1267px #fff,
939px 668px #fff,
1969px 645px #fff,
1126px 983px #fff,
457px 568px #fff,
476px 876px #fff,
829px 1896px #fff,
1364px 1846px #fff,
1507px 1120px #fff,
936px 1948px #fff,
1833px 832px #fff,
1424px 285px #fff,
1377px 1596px #fff,
432px 153px #fff,
1348px 1410px #fff,
1529px 954px #fff,
1102px 387px #fff,
264px 297px #fff,
811px 977px #fff,
1931px 673px #fff,
1734px 978px #fff,
1772px 1567px #fff,
1197px 1400px #fff,
764px 282px #fff,
1103px 822px #fff,
872px 1803px #fff,
1057px 1763px #fff,
52px 1299px #fff,
1312px 1236px #fff,
235px 1082px #fff,
299px 1086px #fff,
1017px 1602px #fff,
1950px 626px #fff,
1306px 132px #fff,
1358px 1618px #fff,
1873px 1718px #fff,
1447px 940px #fff,
1888px 1195px #fff,
1704px 1765px #fff,
872px 1357px #fff,
1555px 1120px #fff,
250px 1415px #fff,
450px 415px #fff,
492px 901px #fff,
170px 1641px #fff,
56px 1129px #fff,
627px 1514px #fff,
1221px 500px #fff,
324px 1895px #fff,
1397px 1775px #fff,
1966px 598px #fff,
1550px 763px #fff,
326px 1605px #fff,
261px 969px #fff,
890px 281px #fff,
736px 544px #fff,
589px 1262px #fff,
1581px 368px #fff,
1900px 1132px #fff,
1914px 585px #fff,
1864px 1517px #fff,
241px 217px #fff,
859px 787px #fff,
996px 1729px #fff,
741px 121px #fff,
418px 414px #fff,
142px 967px #fff,
387px 896px #fff,
703px 562px #fff,
968px 1136px #fff,
1682px 332px #fff,
1287px 846px #fff,
256px 1427px #fff,
1885px 432px #fff,
1739px 1458px #fff,
345px 1769px #fff,
1140px 1612px #fff,
192px 1921px #fff,
920px 471px #fff,
834px 881px #fff,
917px 1803px #fff,
466px 1266px #fff,
483px 1108px #fff,
689px 986px #fff,
1279px 786px #fff,
458px 910px #fff,
1250px 870px #fff,
785px 1654px #fff,
1543px 1757px #fff,
287px 1272px #fff;
animation: animStar 150s linear infinite;
}
#stars3:after {
content: " ";
position: absolute;
top: 2000px;
width: 3px;
height: 3px;
background: transparent;
box-shadow:
200px 981px #fff,
1731px 521px #fff,
132px 1039px #fff,
1888px 1547px #fff,
899px 1226px #fff,
1887px 580px #fff,
1548px 1092px #fff,
1626px 689px #fff,
254px 1072px #fff,
1684px 1211px #fff,
672px 1267px #fff,
939px 668px #fff,
1969px 645px #fff,
1126px 983px #fff,
457px 568px #fff,
476px 876px #fff,
829px 1896px #fff,
1364px 1846px #fff,
1507px 1120px #fff,
936px 1948px #fff,
1833px 832px #fff,
1424px 285px #fff,
1377px 1596px #fff,
432px 153px #fff,
1348px 1410px #fff,
1529px 954px #fff,
1102px 387px #fff,
264px 297px #fff,
811px 977px #fff,
1931px 673px #fff,
1734px 978px #fff,
1772px 1567px #fff,
1197px 1400px #fff,
764px 282px #fff,
1103px 822px #fff,
872px 1803px #fff,
1057px 1763px #fff,
52px 1299px #fff,
1312px 1236px #fff,
235px 1082px #fff,
299px 1086px #fff,
1017px 1602px #fff,
1950px 626px #fff,
1306px 132px #fff,
1358px 1618px #fff,
1873px 1718px #fff,
1447px 940px #fff,
1888px 1195px #fff,
1704px 1765px #fff,
872px 1357px #fff,
1555px 1120px #fff,
250px 1415px #fff,
450px 415px #fff,
492px 901px #fff,
170px 1641px #fff,
56px 1129px #fff,
627px 1514px #fff,
1221px 500px #fff,
324px 1895px #fff,
1397px 1775px #fff,
1966px 598px #fff,
1550px 763px #fff,
326px 1605px #fff,
261px 969px #fff,
890px 281px #fff,
736px 544px #fff,
589px 1262px #fff,
1581px 368px #fff,
1900px 1132px #fff,
1914px 585px #fff,
1864px 1517px #fff,
241px 217px #fff,
859px 787px #fff,
996px 1729px #fff,
741px 121px #fff,
418px 414px #fff,
142px 967px #fff,
387px 896px #fff,
703px 562px #fff,
968px 1136px #fff,
1682px 332px #fff,
1287px 846px #fff,
256px 1427px #fff,
1885px 432px #fff,
1739px 1458px #fff,
345px 1769px #fff,
1140px 1612px #fff,
192px 1921px #fff,
920px 471px #fff,
834px 881px #fff,
917px 1803px #fff,
466px 1266px #fff,
483px 1108px #fff,
689px 986px #fff,
1279px 786px #fff,
458px 910px #fff,
1250px 870px #fff,
785px 1654px #fff,
1543px 1757px #fff,
287px 1272px #fff;
}
#title {
position: absolute;
top: 50%;
left: 0;
right: 0;
color: #fff;
text-align: center;
font-family: "Futura", sans-serif;
font-weight: 300;
font-size: 50px;
letter-spacing: 10px;
margin-top: -60px;
padding-left: 10px;
opacity: 0;
transform: translateY(30px);
animation: introFadeUp 1.2s ease-out forwards;
}
#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);
}
}
@keyframes introFadeUp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes astronaut {
0% {
transform: translate(0, 0) rotate(0deg);
}
50% {
/* transform: rotate(360deg); */
transform: translate(-100px, 200px) rotate(360deg);
}
100% {
/* transform: rotate(360deg); */
transform: translate(0, 0) rotate(0deg);
}
}
.astronaut {
position: absolute;
width: 250px;
height: 300px;
position: absolute;
z-index: 11;
overflow: hidden;
opacity: 0.6;
top: 20px;
left:20px;
animation: astronaut 20s linear infinite;
}
.schoolbag {
width: 100px;
height: 150px;
position: absolute;
z-index: 1;
top: calc(50% - 75px);
left: calc(50% - 50px);
background-color: #94b7ca;
border-radius: 50px 50px 0 0 / 30px 30px 0 0;
}
.head {
width: 97px;
height: 80px;
position: absolute;
z-index: 3;
background: -webkit-linear-gradient(left, #e3e8eb 0%, #e3e8eb 50%, #fbfdfa 50%, #fbfdfa 100%);
border-radius: 50%;
top: 34px;
left: calc(50% - 47.5px);
}
.head:after {
content: "";
width: 60px;
height: 50px;
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 30px);
background: -webkit-linear-gradient(top, #15aece 0%, #15aece 50%, #0391bf 50%, #0391bf 100%);
border-radius: 15px;
}
.head:before {
content: "";
width: 12px;
height: 25px;
position: absolute;
top: calc(50% - 12.5px);
left: -4px;
background-color: #618095;
border-radius: 5px;
box-shadow: 92px 0px 0px #618095;
}
.body {
width: 85px;
height: 100px;
position: absolute;
z-index: 2;
background-color: #fffbff;
border-radius: 40px / 20px;
top: 105px;
left: calc(50% - 41px);
background: -webkit-linear-gradient(left, #e3e8eb 0%, #e3e8eb 50%, #fbfdfa 50%, #fbfdfa 100%);
}
.panel {
width: 60px;
height: 40px;
position: absolute;
top: 20px;
z-index: 11;
left: calc(50% - 30px);
background-color: #b7cceb;
}
.panel:before {
content: "";
width: 30px;
height: 5px;
position: absolute;
top: 9px;
left: 7px;
z-index: 11;
}
.panel:after {
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 9px;
right: 7px;
z-index: 11;
border-radius: 50%;
}
.arm {
width: 80px;
height: 30px;
position: absolute;
top: 121px;
z-index: 2;
}
.arm-left {
left: 30px;
background-color: #e3e8eb;
border-radius: 0 0 0 39px;
}
.arm-right {
right: 30px;
background-color: #fbfdfa;
border-radius: 0 0 39px 0;
}
.arm-left:before,
.arm-right:before {
content: "";
width: 30px;
height: 70px;
position: absolute;
top: -40px;
}
.arm-left:before {
border-radius: 50px 50px 0px 120px / 50px 50px 0 110px;
left: 0;
background-color: #e3e8eb;
}
.arm-right:before {
border-radius: 50px 50px 120px 0 / 50px 50px 110px 0;
right: 0;
background-color: #fbfdfa;
}
.arm-left:after,
.arm-right:after {
content: "";
width: 30px;
height: 10px;
position: absolute;
top: -24px;
}
.arm-left:after {
background-color: #6e91a4;
left: 0;
}
.arm-right:after {
right: 0;
background-color: #b6d2e0;
}
.leg {
width: 30px;
height: 40px;
position: absolute;
z-index: 2;
bottom: 70px;
}
.leg-left {
left: 76px;
background-color: #e3e8eb;
transform: rotate(20deg);
}
.leg-right {
right: 73px;
background-color: #fbfdfa;
transform: rotate(-20deg);
}
.leg-left:before,
.leg-right:before {
content: "";
width: 50px;
height: 25px;
position: absolute;
bottom: -26px;
}
.leg-left:before {
left: -20px;
background-color: #e3e8eb;
border-radius: 30px 0 0 0;
border-bottom: 10px solid #6d96ac;
}
.leg-right:before {
right: -20px;
background-color: #fbfdfa;
border-radius: 0 30px 0 0;
border-bottom: 10px solid #b0cfe4;
}
.shooting-star {
position: absolute;
width: 100px;
height: 2px;
left: 100px;
opacity: 0.1;
z-index: 0;
animation-delay: 2s;
background: linear-gradient(-90deg, white, transparent);
animation: shoot 10s infinite ease-in;
}
.shooting-star2 {
position: absolute;
width: 100px;
height: 2px;
left: 30px;
opacity: 0;
overflow: hidden;
z-index: 0;
animation-delay: 15s;
background: linear-gradient(-90deg, white, transparent);
animation: shoot2 15s infinite ease-in;
}
@keyframes shoot2 {
0% {
opacity: 0;
}
49% {
opacity: 0;
}
50% {
transform: translateX(0) translateY(0) rotate(25deg);
opacity: 0.5;
}
100% {
transform: translateX(100%) translateY(40%) rotate(35deg);
opacity: 0;
}
}
@keyframes shoot {
0% {
transform: translateX(0) translateY(0) rotate(25deg);
opacity: 0.5;
}
100% {
transform: translateX(100%) translateY(50%) rotate(25deg);
opacity: 0;
}
}
.MoonBG {
width: 100%;
height: auto;
background: linear-gradient(50deg, #1900f5, #7c09a3, #a40675);
/*min-height: calc(100vh - 2rem);*/
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-evenly;
overflow: hidden;
position: relative;
}
.MoonBG::before,
.MoonBG::after {
content: "";
width: 70vmax;
height: 70vmax;
position: absolute;
background: rgba(255, 255, 255, 0.07);
left: -20vmin;
top: -20vmin;
border-radius: 50% 50%;
animation: spin 20s linear infinite;
z-index: 1;
opacity: 0.1;
will-change: border-radius, transform;
transform-origin: 55% 55%;
pointer-events: none;
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)),
url('../img/w3m.png');
background-size: cover;
background-position: center;
}
.MoonBG::after {
width: 70vmin;
height: 70vmin;
left: auto;
right: -10vmin;
top: auto;
bottom: 0;
opacity: 1;
border-radius: 50% 50%;
animation: spin 26s linear infinite reverse;
transform-origin: 20% 20%;
background-image:
radial-gradient(circle at 30% 40%, rgba(100, 0, 0, 0.1) 10%, transparent 3%),
radial-gradient(circle at 70% 60%, rgba(100, 0, 0, 0.1) 15%, transparent 3%),
radial-gradient(circle at 10% 10%, rgba(100, 0, 0, 0.1) 8%, transparent 3%);
}
@keyframes spin {
to {
transform: rotate(1turn);
}
}
.st0{display:none;}
.st1{display:inline;}
.st2{opacity:0.29;}
.st3{fill:#FFFFFF;}
.st4{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
.st5{clip-path:url(#SVGID_4_);}
.st6{clip-path:url(#SVGID_6_);}
.st7{clip-path:url(#SVGID_8_);}
.st8{clip-path:url(#SVGID_10_);}
.st9{fill:none;}
.st10{clip-path:url(#SVGID_12_);}
.st11{opacity:0.7;}
.st12{clip-path:url(#SVGID_14_);}
.st13{opacity:0.2;}
.st14{clip-path:url(#SVGID_16_);}
.st15{opacity:0.3;fill:#FFFFFF;enable-background:new ;}
.faq-button {
width: 80px;
height: 80px;
border-radius: 50%;
border: none;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.151);
position: relative;
}
.faq-button:hover svg {
animation: jello-vertical 0.7s both;
}
@keyframes jello-vertical {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(0.75, 1.25, 1);
}
40% {
transform: scale3d(3.25, 2.75, 1);
}
50% {
transform: scale3d(0.85, 1.15, 1);
}
65% {
transform: scale3d(1.05, 0.95, 1);
}
75% {
transform: scale3d(0.95, 1.05, 1);
}
100% {
transform: scale3d(2, 2, 1);
}
}
.tooltipRR {
position: absolute;
top: -70px;
opacity: 0;
background-color: #ff4500;
background-image: linear-gradient(147deg, #ffe53b 0%, #ff4500 84%);
/* #373d89 */
color: white;
padding: 5px 10px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.2s;
pointer-events: none;
letter-spacing: 0.5px;
}
.tooltipRR::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
background-color: #ff2525;
background-size: 1000%;
background-position: center;
transform: rotate(45deg);
bottom: -5%;
transition-duration: 0.3s;
}
.tooltipDD {
position: absolute;
top: -70px;
opacity: 0;
background-color: #ffe53b;
background-image: linear-gradient(147deg, #313d89 0%, #373d89 74%);
/* #373d89 */
color: white;
padding: 5px 10px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.2s;
pointer-events: none;
letter-spacing: 0.5px;
}
.tooltipDD::before {
position: absolute;
color: white;
content: "";
width: 10px;
height: 10px;
background-color: #373d89;
background-size: 1000%;
background-position: center;
transform: rotate(45deg);
bottom: -5%;
transition-duration: 0.3s;
}
.faq-button:hover .tooltipRR {
color: white;
top: -70px;
left: -25px;
opacity: 1;
transition-duration: 0.3s;
}
.faq-button:hover .tooltipDD {
color: white;
top: -70px;
left: -25px;
opacity: 1;
transition-duration: 0.3s;
}
.contactButton {
background: #f200cc;
color: white;
font-family: 'Futura';
padding: 0;
padding-left: 1em;
padding-right: 2.4em;
font-size: 20px;
font-weight: 700;
border-radius: 0.9em;
border: none;
cursor: pointer;
letter-spacing: 0.05em;
display: flex;
box-shadow: inset 0 0 1.6em -0.6em #714da6;
overflow: hidden;
position: relative;
height: 2.1em;
}
.iconButton {
margin-left: 1em;
position: absolute;
display: flex;
align-items: center;
right: 5px;
justify-content: center;
height: 15px;
width: 2.2em;
border-radius: 0.7em;
right: 0.3em;
transition: all 0.3s;
}
.contactButton:hover {
transform: translate(-0.05em, -0.05em);
box-shadow: 0.15em 0.15em #fe0009;
}
.contactButton:active {
transform: translate(0.05em, 0.05em);
box-shadow: 0.05em 0.05em #fe0009;
}
hr {
border: none;
height: 1px;
background-color: #fff; /* Gray color */
margin: 0 0; /* Spacing above and below */
}
button {
display: flex;
align-items: center;
font-family: inherit;
cursor: pointer;
font-weight: 400;
font-size: 17px;
padding: 0.8em 1.3em 0.8em 0.9em;
color: white;
background: #ad5389;
height: 40px;
border: none;
background-color: #f200cc;
letter-spacing: 0.05em;
border-radius: 16px;
}
button svg {
margin-right: 3px;
transform: rotate(30deg);
transition: transform 0.5s cubic-bezier(0.89, -0.78, 1, 1);
}
button span {
transition: transform 0.5s cubic-bezier(0.89, -0.78, 1, 1);
}
button:hover svg {
transform: translateX(5px) rotate(90deg);
}
button:hover span {
transform: translateX(7px);
}