/*
=====================================================================
*   Ceevee v1.0 Layout Stylesheet
*   url: styleshout.com
*   03-18-2014
=====================================================================

   TOC:
   a. General Styles
   b. Header Styles
   c. About Section
   d. Resume Section
   e. Portfolio Section
   f. Call To Action Section
   g. Testimonials Section
   h. Contact Section
   i. Footer

===================================================================== */

/* ------------------------------------------------------------------ */
/* a. General Styles
/* ------------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
em {
  /* font-family: 'Monoton', cursive !important; */
  letter-spacing: 1px;
}

/* ------------------------------------------------------------------ */
/* b. Header Styles
/* ------------------------------------------------------------------ */

hr {
  margin: 18px auto 24px auto;
}

header {
  position: relative;
  height: 800px;
  min-height: 500px;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

#status {
  margin-bottom: 48px;
  padding-bottom: 24px;
  padding-top: 4em;
}

.status span:nth-child(2) {
  margin-left: 1em;
  border: none !important;
  font-size: 16px;
}

body {
  color: #fff;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.btn {
  color: #fff;
  font: 11px/21px "opensans-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  cursor: pointer;
  margin-left: -10px;
}

.btn:hover {
  color: #00cccc;
}

.text-center {
  padding: 1em;
}

/* vertically center banner section */
header:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

header .banner {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  width: 85%;
  padding-bottom: 30px;
  text-align: center;
}

header .banner-text {
  width: 100%;
}

header .banner-text h1 {
  font: 80px/1.1em "Indie Flower", cursive;
  color: #fff;
  letter-spacing: -2px;
  margin: 0 auto 18px auto;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
}

header .banner-text h3 {
  font: 18px/1.9em "librebaskerville-regular", serif;
  color: #fff;
  margin: 0 auto;
  width: 70%;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
}

header .banner-text h3 span,
header .banner-text h3 a {
  color: #fff;
}

header .banner-text hr {
  width: 60%;
  margin: 18px auto 24px auto;
  border-color: #bebebb !important;
}

/* header social links */
header .social {
  margin: 3em 0 0 0;
  padding: 0;
  font-size: 30px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

header .social li {
  display: inline-block;
  margin: 0 15px;
  border-radius: 100%;
}

header .social-links {
  margin: 24px 0;
  padding: 0;
  font-size: 30px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

header .social-links li {
  display: inline-block;
  margin: 0 15px;
  border-radius: 100%;
}

header .social li i {
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 20px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header .social-links li i {
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 20px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header .social .fa-facebook-f,
header .social .fa-linkedin-in {
  color: #4267b2;
}

header .social .fa-medium-m,
header .social .fa-behance,
header .social .fa-github {
  color: #000;
}

header .social .fa-stack-overflow {
  color: #f48024;
}

header .social .fa-facebook-f:hover,
header .social .fa-linkedin-in:hover,
header .social .fa-stack-overflow:hover,
header .social .fa-medium-m:hover,
header .social .fa-behance:hover,
header .social .fa-github:hover {
  color: #fff;
}

.facebook,
.linkedin,
.medium,
.behance,
.github,
.overflow {
  background: #fff;
}

.facebook:hover,
.linkedin:hover {
  background: #4267b2;
}

.medium:hover,
.behance:hover,
.github:hover {
  background: #000;
}

.drive {
  background: #fff;
}

.drive:hover {
  background: linear-gradient(#fdd424, #18ab67, #4486fa);
  transform: rotateZ(720deg);
}

.drive img {
  position: relative;
  top: 4px;
}

.drive img:hover {
  -webkit-mask-box-image: url(https://img.icons8.com/windows/25/000000/google-drive.png);
  -moz-mask-box-image: url(https://img.icons8.com/windows/25/000000/google-drive.png);
}

.overflow:hover {
  background: #f48024;
}

i:hover {
  transform: rotateZ(720deg);
  cursor: pointer;
}

/* scrolldown link */
header .scrolldown i {
  position: absolute;
  bottom: 2em;
  left: 50vw;
  margin-left: -1.2vw;
  color: #fff;
  display: block;
  height: 36px;
  width: 34px;
  font-size: 33px;
  line-height: 33px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

header .scrolldown i:hover {
  color: #000;
  transform: rotateX(720deg);
}

/* primary navigation
--------------------------------------------------------------------- */
#nav-wrap ul,
#nav-wrap li,
#nav-wrap a {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

/* nav-wrap */
#nav-wrap {
  font: 12px "opensans-bold", sans-serif;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  margin: 0 auto;
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
}

.opaque {
  background-color: #333;
}

/* hide toggle button */
#nav-wrap > a.mobile-btn {
  display: none;
}

ul#nav {
  min-height: 48px;
  width: auto;

  /* center align the menu */
  text-align: center;
}

ul#nav li {
  position: relative;
  list-style: none;
  height: 48px;
  display: inline-block;
}

/* Links */
ul#nav li a {
  /* 8px padding top + 8px padding bottom + 32px line-height = 48px */

  display: inline-block;
  padding: 8px 13px;
  line-height: 32px;
  text-decoration: none;
  text-align: left;
  color: #fff;

  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

ul#nav li a:active {
  background-color: transparent !important;
}

ul#nav li.current a {
  color: #f06000;
}

/* ------------------------------------------------------------------ */
/* c. About Section
/* ------------------------------------------------------------------ */

#about {
  padding-top: 96px;
  padding-bottom: 66px;
  overflow: hidden;
}

#about a,
#about a:visited {
  color: #fff;
}

#about a:hover,
#about a:focus {
  color: #11abb0;
}

#about h2 {
  font: 22px/30px "opensans-bold", sans-serif;
  color: #fff;
  padding-bottom: 1em;
}

#about p {
  line-height: 30px;
}

#about .profile-pic {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 100%;
}

.profile-pic {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 100%;
}

#about .contact-details {
  width: 41.66667%;
  display: contents;
}

#about .download {
  width: 58.33333%;
  padding-top: 6px;
}

#about .main-col {
  padding-right: 5%;
}

#about .download .button {
  margin-top: 6px;
  background: #444;
}

#about .download .button:hover {
  background: #fff;
  color: #2b2b2b;
}

#about .download .button i {
  margin-right: 15px;
  font-size: 20px;
}

.cl-white {
  color: #fff;
}

/* ------------------------------------------------------------------ */
/* d. Resume Section
/* ------------------------------------------------------------------ */

#resume {
  padding-top: 90px;
  padding-bottom: 72px;
  overflow: hidden;
}

#skills {
  overflow: hidden;
  padding: 0;
  padding-top: 4em;
}

.visability-hidden {
  visibility: hidden;
}

#resume a,
#resume a:visited,
#skills a,
#skills a:visited {
  color: #7fffd4;
}

#resume a:hover,
#resume a:focus,
#skills a:hover,
#skills a:focus {
  color: #fff;
}

#resume h1,
#skills h1,
#status h1 {
  font: 18px/24px "opensans-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
}
.row.status {
  width: 25%;
}
#status h1 {
  margin-bottom: 2em;
  text-align: left;
}
#resume h1 span,
#skills h1 span,
#status h1 span {
  border-bottom: 3px solid #fff;
  padding-bottom: 6px;
}

#resume h3 {
  font: 25px/30px "opensans-bold", sans-serif;
  color: #fff;
}

#resume .header-col,
#skills .header-col {
  padding-top: 9px;
}

#resume .main-col,
#skills .main-col {
  padding-right: 10%;
}

.education,
#status {
  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid #bebebe;
}

#resume .info {
  font: 16px/24px "opensans-bold", sans-serif;
  color: #fff;
  margin-bottom: 18px;
  margin-top: 9px;
}

#resume .info span {
  margin-right: 5px;
  margin-left: 5px;
  color: #7fffd4;
}

#resume .date {
  font: 15px/24px "opensans-regular", sans-serif;
  margin-top: 6px;
  color: #7fffd4;
}

/*----------------------------------------------*/
/*	Skill Bars
/*----------------------------------------------*/

.bars {
  width: 95%;
  float: left;
  padding: 0;
  text-align: left;
}

.bars .skills {
  margin-top: 36px;
  list-style: none;
}

.bars li {
  position: relative;
  margin-bottom: 60px;
  background: #ccc;
  height: 42px;
  border-radius: 3px;
}

.bars li em {
  font: 12px "opensans-bold", sans-serif;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: bold;
  position: relative;
  top: -36px;
}

.bar-expand {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding-right: 24px;
  background: #6495ed;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  border-radius: 3px 0 0 3px;
  opacity: 0.5;
}

.javascript {
  width: 100%;
  -moz-animation: JavaScript 3s ease-in;
  -webkit-animation: JavaScript 3s ease-in;
  animation: JavaScript 3s ease-in;
}

.vue {
  width: 100%;
  -moz-animation: vue 3s ease-in;
  -webkit-animation: vue 3s ease-in;
  animation: vue 3s ease-in;
}

.wordpress {
  width: 100%;
  -moz-animation: wordpress 3s ease-in;
  -webkit-animation: wordpress 3s ease-in;
  animation: wordpress 3s ease-in;
}

.css3 {
  width: 100%;
  -moz-animation: css3 3s ease-in;
  -webkit-animation: css3 3s ease-in;
  animation: css3 3s ease-in;
}

.html5 {
  width: 100%;
  -moz-animation: html5 3s ease-in;
  -webkit-animation: html5 3s ease-in;
  animation: html5 3s ease-in;
}

.jquery {
  width: 100%;
  -moz-animation: jquery 3s ease-in;
  -webkit-animation: jquery 3s ease-in;
  animation: jquery 3s ease-in;
}

.layout {
  width: 100%;
  -moz-animation: layout 3s ease-in;
  -webkit-animation: layout 3s ease-in;
  animation: layout 3s ease-in;
}

.bootstrap {
  width: 100%;
  -moz-animation: bootstrap 3s ease-in;
  -webkit-animation: bootstrap 3s ease-in;
  animation: bootstrap 3s ease-in;
}

.bower {
  width: 100%;
  -moz-animation: bower 3s ease-in;
  -webkit-animation: bower 3s ease-in;
  animation: bower 3s ease-in;
}

.json {
  width: 100%;
  -moz-animation: json 3s ease-in;
  -webkit-animation: json 3s ease-in;
  animation: json 3s ease-in;
}

.ajax {
  width: 100%;
  -moz-animation: ajax 3s ease-in;
  -webkit-animation: ajax 3s ease-in;
  animation: ajax 3s ease-in;
}

.jasmine {
  width: 100%;
  -moz-animation: jasmine 3s ease-in;
  -webkit-animation: jasmine 3s ease-in;
  animation: jasmine 3s ease-in;
}

.google {
  width: 100%;
  -moz-animation: google 3s ease-in;
  -webkit-animation: google 3s ease-in;
  animation: google 3s ease-in;
}

.wordpress {
  width: 100%;
  -moz-animation: wordpress 3s ease-in;
  -webkit-animation: wordpress 3s ease-in;
  animation: wordpress 3s ease-in;
}

.jquery {
  width: 100%;
  -moz-animation: jquery 3s ease-in;
  -webkit-animation: jquery 3s ease-in;
  animation: jquery 3s ease-in;
}

.es6 {
  width: 100%;
  -moz-animation: es6 3s ease-in;
  -webkit-animation: es6 3s ease-in;
  animation: es6 3s ease-in;
}

.react {
  width: 100%;
  -moz-animation: react 3s ease-in;
  -webkit-animation: react 3s ease-in;
  animation: react 3s ease-in;
}

.angular {
  width: 100%;
  -moz-animation: angular 3s ease-in;
  -webkit-animation: angular 3s ease-in;
  animation: angular 3s ease-in;
}

.angularjs {
  width: 100%;
  -moz-animation: angularjs 3s ease-in;
  -webkit-animation: angularjs 3s ease-in;
  animation: angularjs 3s ease-in;
}

.chart {
  width: 100%;
  -moz-animation: chart 3s ease-in;
  -webkit-animation: chart 3s ease-in;
  animation: chart 3s ease-in;
}

.webpack {
  width: 100%;
  -moz-animation: webpack 3s ease-in;
  -webkit-animation: webpack 3s ease-in;
  animation: webpack 3s ease-in;
}

.yarn {
  width: 100%;
  -moz-animation: yarn 3s ease-in;
  -webkit-animation: yarn 3s ease-in;
  animation: yarn 3s ease-in;
}

.npm {
  width: 100%;
  -moz-animation: npm 3s ease-in;
  -webkit-animation: npm 3s ease-in;
  animation: npm 3s ease-in;
}

.grunt {
  width: 100%;
  -moz-animation: grunt 3s ease-in;
  -webkit-animation: grunt 3s ease-in;
  animation: grunt 3s ease-in;
}

.gulp {
  width: 100%;
  -moz-animation: gulp 3s ease-in;
  -webkit-animation: gulp 3s ease-in;
  animation: gulp 3s ease-in;
}

@keyframes gulp {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes gulp {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes gulp {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes grunt {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes grunt {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes grunt {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes npm {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes npm {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes npm {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes yarn {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes yarn {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes yarn {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes webpack {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes webpack {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes webpack {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes chart {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes chart {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes chart {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes angularjs {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes angularjs {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes angularjs {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes angular {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes angular {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes angular {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes react {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes react {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes react {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes vue {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes vue {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes vue {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes es6 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes es6 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes es6 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes jquery {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes jquery {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes jquery {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes wordpress {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes wordpress {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes wordpress {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes google {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes google {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes google {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes jasmine {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes jasmine {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes jasmine {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes ajax {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes ajax {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes ajax {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes json {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes json {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes json {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes bower {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes bower {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes bower {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes bootstrap {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes bootstrap {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes bootstrap {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes JavaScript {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes JavaScript {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes JavaScript {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes vue {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes vue {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes vue {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes wordpress {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes wordpress {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes wordpress {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes css3 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes css3 {
  0% {
    width: 0px;
  }

  100% {
    width: 1000%;
  }
}

@-webkit-keyframes css3 {
  0% {
    width: 0px;
  }

  100% {
    width: 1000%;
  }
}

@keyframes html5 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes html5 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes html5 {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@keyframes layout {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes layout {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes layout {
  0% {
    width: 0px;
  }

  100% {
    width: 100%;
  }
}

/* ------------------------------------------------------------------ */
/* e. Portfolio Section
/* ------------------------------------------------------------------ */

#portfolio {
  padding-top: 90px;
  padding-bottom: 60px;
}

#portfolio h1 {
  font: 15px/24px "opensans-semibold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 48px;
  color: #fff;
}

/* Portfolio Content */
#portfolio-wrapper .columns {
  margin-bottom: 36px;
}

.portfolio-item .item-wrap {
  background: #fff;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.portfolio-item .item-wrap a {
  display: block;
  cursor: pointer;
}

/* overlay */
.portfolio-item .item-wrap .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background: url(../images/overlay-bg.png) repeat;
}

.portfolio-item .item-wrap .link-icon {
  display: block;
  color: #fff;
  height: 30px;
  width: 30px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
}

.portfolio-item .item-wrap img {
  vertical-align: bottom;
}

.portfolio-item .portfolio-item-meta {
  padding: 18px;
}

.portfolio-item .portfolio-item-meta h5 {
  font: 14px/21px cursive !important;
  color: #fff;
}

.portfolio-item .portfolio-item-meta p {
  font: 12px/18px cursive !important;
  color: #c6c7c7;
  margin-bottom: 0;
}

/* on hover */
.portfolio-item:hover .overlay {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.portfolio-item:hover .link-icon {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* popup modal */
.popup-modal {
  max-width: 550px;
  background: #fff;
  position: relative;
  margin: 0 auto;
}

.popup-modal .description-box {
  padding: 12px 36px 18px 36px;
}

.popup-modal .description-box h4 {
  font: 15px/24px "opensans-bold", sans-serif;
  margin-bottom: 12px;
  color: #111;
}

.popup-modal .description-box p {
  font: 14px/24px "opensans-regular", sans-serif;
  color: #a1a1a1;
  margin-bottom: 12px;
}

.popup-modal .description-box .categories {
  font: 11px/21px "opensans-light", sans-serif;
  color: #a1a1a1;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  text-align: left;
}

.popup-modal .description-box .categories i {
  margin-right: 8px;
}

.popup-modal .link-box {
  padding: 18px 36px 0;
  background: #111;
  text-align: left;
}

.popup-modal .link-box a {
  color: #fff;
  font: 11px/21px "opensans-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  cursor: pointer;
}

.popup-modal a:hover {
  color: #00cccc;
}

.popup-modal a.popup-modal-dismiss {
  margin-left: 24px;
}

/* fadein/fadeout effect for modal popup
/* ------------------------------------------------------------------ */

/* content at start */
.mfp-fade.mfp-wrap .mfp-content .popup-modal {
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

/* content fadein */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .popup-modal {
  opacity: 1;
}

/* content fadeout */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content .popup-modal {
  opacity: 0;
}

/* ------------------------------------------------------------------ */
/* f. Call To Action Section
/* ------------------------------------------------------------------ */

#call-to-action {
  background: #212121;
  padding-top: 66px;
  padding-bottom: 48px;
}

#call-to-action h1 {
  font: 18px/24px "opensans-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
}

#call-to-action h1 span {
  display: none;
}

#call-to-action .header-col h1:before {
  font-family: "FontAwesome";
  content: "\f0ac";
  padding-right: 10px;
  font-size: 72px;
  line-height: 72px;
  text-align: left;
  float: left;
  color: #fff;
}

#call-to-action .action {
  margin-top: 12px;
}

#call-to-action h2 {
  font: 28px/36px "opensans-bold", sans-serif;
  color: #ebeeee;
  margin-bottom: 6px;
}

#call-to-action h2 a {
  color: inherit;
}

#call-to-action p {
  color: #636363;
  font-size: 17px;
}

/*#
call-to-action .button {
	color:#fff;
   background: #0D0D0D;
}
*/
#call-to-action .button:hover,
#call-to-action .button:active {
  background: #ffffff;
  color: #0d0d0d;
}

#call-to-action p span {
  font-family: "opensans-semibold", sans-serif;
  color: #d8d8d8;
}

/* ------------------------------------------------------------------
/* g. Testimonials
/* ------------------------------------------------------------------ */

#testimonials {
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-attachment: fixed;
  position: relative;
  min-height: 480px;
  width: 100%;
  overflow: hidden;
  height: auto;
}

#testimonials .text-container {
  padding-top: 96px;
  padding-bottom: 66px;
}

#testimonials h1 {
  font: 18px/24px "opensans-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
}

#testimonials h1 span {
  display: none;
}

#testimonials .header-col {
  padding-top: 9px;
}

#testimonials .header-col .fa-quote-left {
  padding-right: 10px;
  font-size: 72px;
  line-height: 72px;
  text-align: left;
  float: left;
  color: #fff;
}

/*	Blockquotes */
#testimonials blockquote {
  margin: 0 0px 30px 0px;
  padding-left: 0;
  position: relative;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
}

#testimonials blockquote:before {
  content: none;
}

#testimonials blockquote p {
  font-family: "opensans-bold", sans-serif !important;
  padding: 0;
  font-size: 24px;
  line-height: 48px;
  color: #fff;
}

#testimonials blockquote cite {
  display: block;
  font-size: 16px;
  font-style: normal;
  line-height: 18px;
  color: #fff;
  font-family: cursive !important;
}

/* Flex Slider
/* ------------------------------------------------------------------ */

/* Reset */
.flexslider a:active,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.slides li {
  margin: 0;
  padding: 0;
}

/* Necessary Styles */
.flexslider {
  position: relative;
  zoom: 1;
  margin: 0;
  padding: 0;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides > li {
  position: relative;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Suggested container for slide animation setups. Can replace this with your own */
.flex-container {
  zoom: 1;
  position: relative;
}

/* Clearfix for .slides */
.slides:before,
.slides:after {
  content: " ";
  display: table;
}

.slides:after {
  clear: both;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* Slider Styles */
.slides {
  zoom: 1;
}

.slides > li {
  /*margin-right: 5px; */
  overflow: hidden;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -20px;
  text-align: left;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background: #ddd;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.3);
}

.flex-control-paging li a:hover {
  background: #ccc;
  background: rgba(255, 255, 255, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}

/* ------------------------------------------------------------------ */
/* h. Contact Section
/* ------------------------------------------------------------------ */

#contact {
  position: relative;
  min-height: 200px;
  width: 100%;
  overflow: hidden;
  padding-top: 5em;
}

#contact ul {
  width: 31.5%;
  text-align: left;
  margin: 0 auto;
}

#contact .section-head {
  margin-bottom: 42px;
}

#contact a,
#contact a:visited {
  color: #11abb0;
}

#contact a:hover,
#contact a:focus {
  color: #fff;
}

#contact h1 {
  font: 18px/24px "opensans-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ebeeee;
  margin-bottom: 6px;
}

#contact h1 span {
  display: none;
}

#contact h1:before {
  font-family: "FontAwesome";
  content: "\f0e0";
  padding-right: 10px;
  font-size: 72px;
  line-height: 72px;
  text-align: left;
  float: left;
  color: #ebeeee;
}

.fa-mobile-alt,
.fa-envelope,
.fa-skype {
  padding-right: 1em;
}

#contact .row .footer-widgets .widget p span:nth-child(1) {
  margin-left: -12rem;
}

#contact h4 {
  font: 16px/24px "opensans-bold", sans-serif;
  color: #ebeeee;
  margin-bottom: 6px;
}

#contact p.lead {
  font: 18px/36px "opensans-light", sans-serif;
  padding-right: 3%;
}

#contact .header-col {
  padding-top: 6px;
}

/* contact form */
#contact form {
  margin-bottom: 30px;
}
.form-email {
  width: 75%;
  margin: 0 auto;
}

#contact label {
  font: 15px/24px "opensans-bold", sans-serif;
  margin: 12px 0;
  color: #ebeeee;
  display: inline-block;
  width: 26%;
}

#contact input,
#contact textarea,
#contact select {
  padding: 18px 20px;
  color: #eee;
  background: #373233;
  margin-bottom: 42px;
  border: 0;
  outline: none;
  font-size: 15px;
  line-height: 24px;
  width: 65%;
}

#contact input:focus,
#contact textarea:focus,
#contact select:focus {
  color: #fff;
  background-color: #865276;
}

#contact .form-email input,
textarea {
  width: 100% !important;
}

#contact .form-email input::placeholder,
#contact .form-email textarea::placeholder {
  color: #fff;
  opacity: 1;
}

#contact button.submit {
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
  background: #0d0d0d;
  border: none;
  cursor: pointer;
  height: auto;
  display: inline-block;
  border-radius: 3px;
  font-weight: bold;
}

#contact button.submit:hover {
  background-color: #865276;
}

#contact span.required {
  color: #11abb0;
  font-size: 13px;
}

#message-warning,
#message-success {
  display: none;
  background: #0f0f0f;
  padding: 24px 24px;
  margin-bottom: 36px;
  width: 65%;
  margin-left: 26%;
}

#message-warning {
  color: #d72828;
}

#message-success {
  color: #11abb0;
}

#message-warning i,
#message-success i {
  margin-right: 10px;
}

#image-loader {
  display: none;
  position: relative;
  left: 18px;
  top: 17px;
}

/* Twitter Feed */
#twitter {
  margin-top: 12px;
  padding: 0;
}

#twitter li {
  margin: 6px 0px 12px 0;
  line-height: 30px;
}

#twitter li span {
  display: block;
}

#twitter li b a {
  font: 13px/36px "opensans-regular", Sans-serif;
  color: #474747 !important;
  border: none;
}

/* ------------------------------------------------------------------ */
/* i. Footer
/* ------------------------------------------------------------------ */

footer {
  padding-top: 48px;
  margin-bottom: 48px;
  color: #303030;
  font-size: 14px;
  text-align: center;
  position: relative;
}

/* copyright */
footer .copyright {
  margin: 0;
  padding: 0;
  color: #fff;
}

footer .copyright li {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 24px;
}

.ie footer .copyright li {
  display: inline;
}

footer .copyright li:before {
  content: "\2022";
  padding-left: 10px;
  padding-right: 10px;
  color: #095153;
}

footer .copyright li:first-child:before {
  display: none;
}

footer .copyright .copy-link {
  color: #fff;
}
footer .copyright .copy-link:hover {
  color: rgba(0, 0, 0, 0.5);
}
/* social links */
footer .social-links {
  margin: 24px 0;
  padding: 0;
  font-size: 30px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

footer .social-links li {
  display: inline-block;
  margin: 0 15px;
  border-radius: 100%;
}

footer .social-links {
  margin: 24px 0;
  padding: 0;
  font-size: 30px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
}

footer .social-links li {
  display: inline-block;
  margin: 0 15px;
  border-radius: 100%;
}

footer .social-links li i {
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 20px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

footer .social-links li i {
  display: block;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 20px;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

footer .social-links .fa-facebook-f,
footer .social-links .fa-linkedin-in {
  color: #4267b2;
}

footer .social-links .fa-medium-m,
footer .social-links .fa-behance,
footer .social-links .fa-github {
  color: #000;
}

footer .social-links .fa-stack-overflow {
  color: #f48024;
}

footer .social-links .fa-facebook-f:hover,
footer .social-links .fa-linkedin-in:hover,
footer .social-links .fa-stack-overflow:hover,
footer .social-links .fa-medium-m:hover,
footer .social-links .fa-behance:hover,
footer .social-links .fa-github:hover {
  color: #fff;
}

footer .drive {
  background: #fff;
}

footer .drive:hover {
  background: linear-gradient(#fdd424, #18ab67, #4486fa);
  transform: rotateZ(720deg);
}

footer .drive img {
  position: relative;
  top: 4px;
}

footer .drive img:hover {
  -webkit-mask-box-image: url(https://img.icons8.com/windows/25/000000/google-drive.png);
  -moz-mask-box-image: url(https://img.icons8.com/windows/25/000000/google-drive.png);
}

#go-top {
  position: absolute;
  top: 0;
  left: 50vw;
  margin-left: -1.2vw;
}

#go-top a {
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 33px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #fff;
  line-height: 35px;
  border-radius: 100%;
}

#go-top a:hover {
  color: #fff;
  transform: rotatex(720deg);
}

.stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 864px 1333px #fff, 430px 294px #fff, 262px 245px #fff, 1025px 699px #fff, 961px 446px #fff, 1035px 473px #fff, 161px 196px #fff, 1119px 979px #fff, 131px 1512px #fff, 1668px 1799px #fff,
    1395px 534px #fff, 1525px 1235px #fff, 1421px 654px #fff, 1936px 20px #fff, 463px 802px #fff, 1710px 1802px #fff, 758px 943px #fff, 590px 1390px #fff, 135px 443px #fff, 1499px 1926px #fff,
    36px 1585px #fff, 260px 4px #fff, 1307px 1634px #fff, 1349px 161px #fff, 279px 233px #fff, 741px 2px #fff, 1199px 1374px #fff, 185px 1635px #fff, 737px 269px #fff, 970px 383px #fff,
    1697px 16px #fff, 190px 1303px #fff, 477px 1177px #fff, 778px 1552px #fff, 1309px 1327px #fff, 424px 1886px #fff, 1225px 101px #fff, 326px 374px #fff, 1842px 1941px #fff, 713px 1639px #fff,
    1229px 1102px #fff, 1035px 1548px #fff, 175px 1255px #fff, 1540px 1230px #fff, 1923px 1909px #fff, 1927px 1619px #fff, 872px 1795px #fff, 120px 1881px #fff, 949px 1736px #fff, 670px 509px #fff,
    104px 32px #fff, 1507px 108px #fff, 1210px 776px #fff, 1376px 1941px #fff, 533px 1214px #fff, 173px 1943px #fff, 488px 1465px #fff, 1388px 684px #fff, 1332px 1216px #fff, 1185px 1421px #fff,
    656px 1233px #fff, 825px 732px #fff, 886px 448px #fff, 1280px 1497px #fff, 27px 976px #fff, 593px 1741px #fff, 528px 423px #fff, 807px 1458px #fff, 1466px 819px #fff, 1423px 1029px #fff,
    472px 495px #fff, 426px 85px #fff, 737px 818px #fff, 1542px 818px #fff, 739px 318px #fff, 1690px 939px #fff, 725px 1118px #fff, 1008px 79px #fff, 1463px 734px #fff, 1749px 391px #fff,
    1637px 457px #fff, 606px 1764px #fff, 563px 1627px #fff, 306px 1175px #fff, 1188px 659px #fff, 1992px 211px #fff, 139px 1586px #fff, 199px 812px #fff, 1787px 606px #fff, 970px 1834px #fff,
    823px 676px #fff, 2px 1723px #fff, 1617px 1838px #fff, 1442px 1185px #fff, 1115px 1124px #fff, 1986px 1223px #fff, 1902px 170px #fff, 1202px 58px #fff, 283px 84px #fff, 1530px 1857px #fff,
    597px 1911px #fff, 1434px 1007px #fff, 1761px 1280px #fff, 1246px 739px #fff, 1294px 204px #fff, 106px 872px #fff, 297px 15px #fff, 1653px 1857px #fff, 1130px 1617px #fff, 443px 656px #fff,
    782px 767px #fff, 579px 671px #fff, 1142px 1916px #fff, 75px 1405px #fff, 1969px 828px #fff, 1074px 317px #fff, 808px 687px #fff, 1185px 1241px #fff, 1990px 1059px #fff, 1533px 845px #fff,
    1909px 1503px #fff, 546px 455px #fff, 1286px 443px #fff, 1342px 519px #fff, 1480px 797px #fff, 1423px 1078px #fff, 1878px 749px #fff, 1358px 839px #fff, 933px 1484px #fff, 1041px 883px #fff,
    406px 521px #fff, 925px 1802px #fff, 1921px 232px #fff, 1656px 982px #fff, 295px 1908px #fff, 681px 1359px #fff, 164px 1885px #fff, 148px 576px #fff, 1910px 870px #fff, 1585px 1843px #fff,
    571px 1265px #fff, 833px 519px #fff, 1898px 1846px #fff, 357px 101px #fff, 1995px 1934px #fff, 470px 1244px #fff, 1487px 1638px #fff, 1222px 1365px #fff, 1655px 1626px #fff, 637px 774px #fff,
    1676px 692px #fff, 246px 1589px #fff, 168px 161px #fff, 678px 1207px #fff, 1844px 935px #fff, 1780px 468px #fff, 1321px 396px #fff, 1477px 1581px #fff, 623px 1875px #fff, 1877px 768px #fff,
    1766px 1018px #fff, 4px 1275px #fff, 1100px 224px #fff, 488px 339px #fff, 1816px 1322px #fff, 1158px 240px #fff, 952px 143px #fff, 94px 156px #fff, 494px 1687px #fff, 1411px 406px #fff,
    906px 8px #fff, 1032px 1273px #fff, 1815px 44px #fff, 665px 1496px #fff, 1630px 1595px #fff, 1601px 853px #fff, 97px 1383px #fff, 1944px 307px #fff, 1028px 633px #fff, 11px 651px #fff,
    1882px 594px #fff, 1640px 710px #fff, 1302px 1691px #fff, 1415px 507px #fff, 437px 622px #fff, 1944px 585px #fff, 1092px 1452px #fff, 1478px 563px #fff, 1905px 42px #fff, 1879px 331px #fff,
    1598px 777px #fff, 125px 1649px #fff, 1366px 662px #fff, 777px 521px #fff, 119px 1985px #fff, 1378px 1426px #fff, 361px 201px #fff, 1697px 1730px #fff, 438px 550px #fff, 519px 1596px #fff,
    845px 379px #fff, 1081px 1697px #fff, 917px 1085px #fff, 1182px 571px #fff, 259px 746px #fff, 136px 1812px #fff, 972px 1744px #fff, 1457px 31px #fff, 88px 153px #fff, 169px 1628px #fff,
    1732px 1360px #fff, 675px 360px #fff, 1905px 372px #fff, 1011px 1667px #fff, 1437px 1442px #fff, 393px 934px #fff, 974px 121px #fff, 1035px 292px #fff, 1043px 582px #fff, 198px 952px #fff,
    349px 928px #fff, 1702px 975px #fff, 166px 790px #fff, 63px 397px #fff, 1291px 508px #fff, 921px 1380px #fff, 1913px 150px #fff, 981px 554px #fff, 538px 371px #fff, 1939px 1737px #fff,
    1782px 1292px #fff, 1959px 816px #fff, 1698px 962px #fff, 319px 1887px #fff, 1208px 395px #fff, 1352px 1219px #fff, 1029px 1560px #fff, 939px 899px #fff, 1295px 1054px #fff, 1436px 616px #fff,
    1284px 1832px #fff, 1842px 668px #fff, 1978px 1269px #fff, 566px 1498px #fff, 546px 293px #fff, 531px 73px #fff, 548px 739px #fff, 813px 410px #fff, 66px 352px #fff, 774px 428px #fff,
    376px 741px #fff, 409px 1829px #fff, 1580px 1281px #fff, 1927px 828px #fff, 403px 1629px #fff, 44px 869px #fff, 841px 1819px #fff, 992px 1318px #fff, 252px 647px #fff, 1511px 1038px #fff,
    499px 558px #fff, 595px 61px #fff, 613px 130px #fff, 1402px 648px #fff, 427px 1788px #fff, 1375px 1389px #fff, 1635px 1298px #fff, 609px 313px #fff, 466px 607px #fff, 721px 1189px #fff,
    839px 1496px #fff, 223px 519px #fff, 201px 1655px #fff, 196px 1473px #fff, 290px 991px #fff, 1009px 1195px #fff, 1787px 413px #fff, 1490px 805px #fff, 1209px 621px #fff, 1998px 976px #fff,
    696px 380px #fff, 1915px 533px #fff, 191px 729px #fff, 1494px 352px #fff, 141px 1736px #fff, 1794px 570px #fff, 1909px 1509px #fff, 1327px 1628px #fff, 41px 1993px #fff, 1076px 887px #fff,
    1033px 292px #fff, 1576px 63px #fff, 89px 828px #fff, 1995px 949px #fff, 300px 1965px #fff, 934px 1897px #fff, 1562px 162px #fff, 1206px 1447px #fff, 806px 151px #fff, 1700px 117px #fff,
    451px 1603px #fff, 1280px 1692px #fff, 916px 801px #fff, 1575px 117px #fff, 217px 1882px #fff, 1239px 594px #fff, 286px 1191px #fff, 212px 1246px #fff, 1145px 1271px #fff, 1686px 882px #fff,
    178px 171px #fff, 997px 1661px #fff, 842px 366px #fff, 576px 1203px #fff, 44px 252px #fff, 1104px 1002px #fff, 1157px 65px #fff, 965px 1268px #fff, 1179px 836px #fff, 1989px 1964px #fff,
    983px 962px #fff, 695px 1040px #fff, 469px 1201px #fff, 177px 1382px #fff, 1431px 261px #fff, 830px 240px #fff, 1332px 1014px #fff, 1520px 105px #fff, 1542px 1440px #fff, 1386px 1303px #fff,
    436px 13px #fff, 893px 333px #fff, 291px 1103px #fff, 57px 943px #fff, 1094px 730px #fff, 467px 1355px #fff, 397px 712px #fff, 1832px 128px #fff, 1101px 378px #fff, 277px 476px #fff,
    1758px 55px #fff, 1904px 1588px #fff, 1339px 243px #fff, 342px 1046px #fff, 314px 1330px #fff, 20px 1643px #fff, 1823px 1519px #fff, 1480px 1962px #fff, 859px 6px #fff, 954px 200px #fff,
    931px 1125px #fff, 489px 326px #fff, 1098px 1876px #fff, 645px 1925px #fff, 526px 470px #fff, 1776px 1630px #fff, 1861px 548px #fff, 1957px 518px #fff, 1357px 223px #fff, 964px 692px #fff,
    721px 1083px #fff, 93px 1009px #fff, 1750px 380px #fff, 988px 113px #fff, 1392px 1421px #fff, 470px 763px #fff, 1038px 1745px #fff, 1639px 790px #fff, 1292px 1944px #fff, 644px 115px #fff,
    1168px 514px #fff, 895px 1029px #fff, 679px 1333px #fff, 140px 304px #fff, 1402px 989px #fff, 54px 846px #fff, 441px 1157px #fff, 1458px 3px #fff, 105px 17px #fff, 287px 1283px #fff,
    1062px 1857px #fff, 1429px 63px #fff, 570px 900px #fff, 1018px 1247px #fff, 816px 1562px #fff, 501px 1511px #fff, 1373px 51px #fff, 830px 708px #fff, 1226px 658px #fff, 1177px 201px #fff,
    1211px 219px #fff, 565px 1697px #fff, 1414px 647px #fff, 1040px 982px #fff, 1361px 371px #fff, 1406px 820px #fff, 417px 1417px #fff, 1222px 466px #fff, 1168px 794px #fff, 710px 255px #fff,
    1736px 1587px #fff, 1934px 768px #fff, 583px 1026px #fff, 1942px 1844px #fff, 1901px 1884px #fff, 1119px 1136px #fff, 493px 1648px #fff, 398px 239px #fff, 1895px 297px #fff, 915px 1268px #fff,
    1433px 1534px #fff, 1720px 245px #fff, 1631px 507px #fff, 92px 60px #fff, 593px 1309px #fff, 546px 258px #fff, 27px 1252px #fff, 1827px 1810px #fff, 696px 692px #fff, 618px 1067px #fff,
    938px 775px #fff, 848px 1772px #fff, 1124px 207px #fff, 1782px 698px #fff, 950px 1574px #fff, 129px 1118px #fff, 1756px 1387px #fff, 1707px 940px #fff, 499px 1593px #fff, 558px 1417px #fff,
    179px 1445px #fff, 1898px 693px #fff, 939px 1213px #fff, 1492px 1899px #fff, 1010px 161px #fff, 1793px 1133px #fff, 564px 516px #fff, 1413px 391px #fff, 1109px 1356px #fff, 1278px 1201px #fff,
    1464px 1017px #fff, 660px 182px #fff, 781px 371px #fff, 1838px 590px #fff, 890px 1114px #fff, 1190px 1990px #fff, 1502px 775px #fff, 1317px 1401px #fff, 561px 3px #fff, 1972px 287px #fff,
    1617px 1821px #fff, 1044px 477px #fff, 1745px 1617px #fff, 1891px 1711px #fff, 839px 1153px #fff, 491px 308px #fff, 27px 151px #fff, 702px 1220px #fff, 215px 418px #fff, 1005px 955px #fff,
    1990px 1230px #fff, 762px 760px #fff, 567px 648px #fff, 1141px 255px #fff, 226px 1840px #fff, 1841px 684px #fff, 927px 62px #fff, 605px 1631px #fff, 1014px 1402px #fff, 599px 906px #fff,
    114px 233px #fff, 1909px 1282px #fff, 378px 1298px #fff, 457px 802px #fff, 200px 855px #fff, 93px 226px #fff, 1549px 1235px #fff, 309px 1259px #fff, 991px 1967px #fff, 811px 1798px #fff,
    1186px 851px #fff, 1607px 1400px #fff, 1698px 1894px #fff, 460px 1087px #fff, 1259px 1510px #fff, 526px 1722px #fff, 1378px 552px #fff, 1438px 1260px #fff, 1561px 356px #fff, 88px 938px #fff,
    1964px 1907px #fff, 1408px 1733px #fff, 1820px 411px #fff, 1082px 1350px #fff, 847px 634px #fff, 50px 594px #fff, 782px 1834px #fff, 584px 968px #fff, 1206px 851px #fff, 1173px 574px #fff,
    1668px 957px #fff, 200px 85px #fff, 156px 1874px #fff, 484px 543px #fff, 609px 1250px #fff, 42px 52px #fff, 14px 1976px #fff, 1749px 519px #fff, 1959px 590px #fff, 100px 592px #fff,
    114px 55px #fff, 1254px 13px #fff, 777px 314px #fff, 1728px 930px #fff, 123px 280px #fff, 1117px 927px #fff, 1850px 1394px #fff, 734px 728px #fff, 227px 1896px #fff, 1587px 1179px #fff,
    1083px 510px #fff, 544px 1415px #fff, 1601px 1168px #fff, 751px 1196px #fff, 819px 623px #fff, 1688px 214px #fff, 352px 582px #fff, 398px 691px #fff, 1473px 612px #fff, 1558px 362px #fff,
    1306px 57px #fff, 1958px 500px #fff, 1573px 433px #fff, 1919px 1577px #fff, 1514px 382px #fff, 112px 425px #fff, 1823px 1260px #fff, 1691px 1594px #fff, 557px 521px #fff, 822px 37px #fff,
    772px 1799px #fff, 1810px 1312px #fff, 1362px 27px #fff, 487px 999px #fff, 495px 613px #fff, 1722px 1451px #fff, 356px 1896px #fff, 832px 1928px #fff, 1218px 1064px #fff, 1963px 1501px #fff,
    738px 1108px #fff, 1771px 832px #fff, 717px 888px #fff, 1459px 1814px #fff, 888px 849px #fff, 1799px 930px #fff, 1172px 476px #fff, 48px 276px #fff, 1811px 102px #fff, 373px 759px #fff,
    328px 1607px #fff, 300px 625px #fff, 332px 1152px #fff, 1572px 622px #fff, 55px 1843px #fff, 887px 705px #fff, 1828px 137px #fff, 959px 1011px #fff, 1664px 1291px #fff, 927px 16px #fff,
    1220px 608px #fff, 1686px 585px #fff, 776px 1977px #fff, 316px 777px #fff, 275px 527px #fff, 86px 1334px #fff, 497px 1152px #fff, 52px 300px #fff, 1615px 421px #fff, 1005px 974px #fff,
    1148px 1095px #fff, 211px 1685px #fff, 1585px 652px #fff, 177px 874px #fff, 810px 855px #fff, 1755px 193px #fff, 1349px 1472px #fff, 195px 1976px #fff, 176px 1438px #fff, 289px 1505px #fff,
    643px 1074px #fff, 1743px 687px #fff, 960px 1037px #fff, 1106px 1803px #fff, 617px 304px #fff, 1861px 505px #fff, 1021px 1562px #fff, 835px 1100px #fff, 1286px 831px #fff, 630px 692px #fff,
    1376px 1408px #fff, 1554px 750px #fff, 908px 1488px #fff, 306px 293px #fff, 1270px 522px #fff, 723px 863px #fff, 1260px 1840px #fff, 598px 138px #fff, 644px 1204px #fff, 1068px 1287px #fff,
    1698px 183px #fff, 1431px 1002px #fff, 1474px 418px #fff, 361px 1104px #fff, 193px 747px #fff, 1828px 1835px #fff, 774px 1684px #fff, 1596px 26px #fff, 1352px 1960px #fff, 1246px 1839px #fff,
    614px 654px #fff, 153px 784px #fff, 1115px 880px #fff, 787px 1919px #fff, 1817px 510px #fff, 178px 955px #fff, 1943px 918px #fff, 1796px 1564px #fff, 1522px 1814px #fff, 1060px 989px #fff,
    1384px 1347px #fff, 1956px 1389px #fff, 995px 838px #fff, 1780px 14px #fff, 946px 1803px #fff, 561px 1363px #fff, 952px 919px #fff, 351px 1695px #fff, 1185px 817px #fff, 1249px 1848px #fff,
    1948px 487px #fff, 422px 735px #fff, 1737px 474px #fff, 1522px 735px #fff, 140px 1211px #fff, 187px 1772px #fff, 989px 919px #fff, 781px 1212px #fff, 351px 768px #fff, 119px 1065px #fff,
    1230px 1893px #fff, 1468px 1769px #fff, 157px 1286px #fff, 316px 816px #fff, 538px 1836px #fff, 571px 1661px #fff, 1241px 438px #fff, 1907px 205px #fff, 1481px 67px #fff, 759px 769px #fff,
    1231px 1442px #fff, 201px 1776px #fff, 595px 1799px #fff, 1408px 484px #fff, 320px 1332px #fff, 1280px 73px #fff, 412px 1730px #fff, 237px 547px #fff, 347px 61px #fff, 1099px 990px #fff,
    1696px 1519px #fff, 1460px 778px #fff, 625px 1619px #fff, 978px 287px #fff, 12px 1125px #fff, 1060px 426px #fff, 640px 1364px #fff, 1936px 1524px #fff, 1669px 463px #fff, 1251px 764px #fff,
    1063px 714px #fff, 839px 492px #fff, 349px 149px #fff, 1483px 974px #fff, 546px 1624px #fff, 1102px 1835px #fff, 1082px 1908px #fff, 161px 402px #fff, 573px 1015px #fff, 814px 885px #fff,
    267px 1816px #fff, 168px 1011px #fff, 1249px 1099px #fff, 1466px 539px #fff, 1645px 1111px #fff, 1986px 145px #fff, 588px 125px #fff, 704px 838px #fff, 1726px 418px #fff, 596px 23px #fff;
  animation: animStar 50s linear infinite;
}

.stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 864px 1333px #fff, 430px 294px #fff, 262px 245px #fff, 1025px 699px #fff, 961px 446px #fff, 1035px 473px #fff, 161px 196px #fff, 1119px 979px #fff, 131px 1512px #fff, 1668px 1799px #fff,
    1395px 534px #fff, 1525px 1235px #fff, 1421px 654px #fff, 1936px 20px #fff, 463px 802px #fff, 1710px 1802px #fff, 758px 943px #fff, 590px 1390px #fff, 135px 443px #fff, 1499px 1926px #fff,
    36px 1585px #fff, 260px 4px #fff, 1307px 1634px #fff, 1349px 161px #fff, 279px 233px #fff, 741px 2px #fff, 1199px 1374px #fff, 185px 1635px #fff, 737px 269px #fff, 970px 383px #fff,
    1697px 16px #fff, 190px 1303px #fff, 477px 1177px #fff, 778px 1552px #fff, 1309px 1327px #fff, 424px 1886px #fff, 1225px 101px #fff, 326px 374px #fff, 1842px 1941px #fff, 713px 1639px #fff,
    1229px 1102px #fff, 1035px 1548px #fff, 175px 1255px #fff, 1540px 1230px #fff, 1923px 1909px #fff, 1927px 1619px #fff, 872px 1795px #fff, 120px 1881px #fff, 949px 1736px #fff, 670px 509px #fff,
    104px 32px #fff, 1507px 108px #fff, 1210px 776px #fff, 1376px 1941px #fff, 533px 1214px #fff, 173px 1943px #fff, 488px 1465px #fff, 1388px 684px #fff, 1332px 1216px #fff, 1185px 1421px #fff,
    656px 1233px #fff, 825px 732px #fff, 886px 448px #fff, 1280px 1497px #fff, 27px 976px #fff, 593px 1741px #fff, 528px 423px #fff, 807px 1458px #fff, 1466px 819px #fff, 1423px 1029px #fff,
    472px 495px #fff, 426px 85px #fff, 737px 818px #fff, 1542px 818px #fff, 739px 318px #fff, 1690px 939px #fff, 725px 1118px #fff, 1008px 79px #fff, 1463px 734px #fff, 1749px 391px #fff,
    1637px 457px #fff, 606px 1764px #fff, 563px 1627px #fff, 306px 1175px #fff, 1188px 659px #fff, 1992px 211px #fff, 139px 1586px #fff, 199px 812px #fff, 1787px 606px #fff, 970px 1834px #fff,
    823px 676px #fff, 2px 1723px #fff, 1617px 1838px #fff, 1442px 1185px #fff, 1115px 1124px #fff, 1986px 1223px #fff, 1902px 170px #fff, 1202px 58px #fff, 283px 84px #fff, 1530px 1857px #fff,
    597px 1911px #fff, 1434px 1007px #fff, 1761px 1280px #fff, 1246px 739px #fff, 1294px 204px #fff, 106px 872px #fff, 297px 15px #fff, 1653px 1857px #fff, 1130px 1617px #fff, 443px 656px #fff,
    782px 767px #fff, 579px 671px #fff, 1142px 1916px #fff, 75px 1405px #fff, 1969px 828px #fff, 1074px 317px #fff, 808px 687px #fff, 1185px 1241px #fff, 1990px 1059px #fff, 1533px 845px #fff,
    1909px 1503px #fff, 546px 455px #fff, 1286px 443px #fff, 1342px 519px #fff, 1480px 797px #fff, 1423px 1078px #fff, 1878px 749px #fff, 1358px 839px #fff, 933px 1484px #fff, 1041px 883px #fff,
    406px 521px #fff, 925px 1802px #fff, 1921px 232px #fff, 1656px 982px #fff, 295px 1908px #fff, 681px 1359px #fff, 164px 1885px #fff, 148px 576px #fff, 1910px 870px #fff, 1585px 1843px #fff,
    571px 1265px #fff, 833px 519px #fff, 1898px 1846px #fff, 357px 101px #fff, 1995px 1934px #fff, 470px 1244px #fff, 1487px 1638px #fff, 1222px 1365px #fff, 1655px 1626px #fff, 637px 774px #fff,
    1676px 692px #fff, 246px 1589px #fff, 168px 161px #fff, 678px 1207px #fff, 1844px 935px #fff, 1780px 468px #fff, 1321px 396px #fff, 1477px 1581px #fff, 623px 1875px #fff, 1877px 768px #fff,
    1766px 1018px #fff, 4px 1275px #fff, 1100px 224px #fff, 488px 339px #fff, 1816px 1322px #fff, 1158px 240px #fff, 952px 143px #fff, 94px 156px #fff, 494px 1687px #fff, 1411px 406px #fff,
    906px 8px #fff, 1032px 1273px #fff, 1815px 44px #fff, 665px 1496px #fff, 1630px 1595px #fff, 1601px 853px #fff, 97px 1383px #fff, 1944px 307px #fff, 1028px 633px #fff, 11px 651px #fff,
    1882px 594px #fff, 1640px 710px #fff, 1302px 1691px #fff, 1415px 507px #fff, 437px 622px #fff, 1944px 585px #fff, 1092px 1452px #fff, 1478px 563px #fff, 1905px 42px #fff, 1879px 331px #fff,
    1598px 777px #fff, 125px 1649px #fff, 1366px 662px #fff, 777px 521px #fff, 119px 1985px #fff, 1378px 1426px #fff, 361px 201px #fff, 1697px 1730px #fff, 438px 550px #fff, 519px 1596px #fff,
    845px 379px #fff, 1081px 1697px #fff, 917px 1085px #fff, 1182px 571px #fff, 259px 746px #fff, 136px 1812px #fff, 972px 1744px #fff, 1457px 31px #fff, 88px 153px #fff, 169px 1628px #fff,
    1732px 1360px #fff, 675px 360px #fff, 1905px 372px #fff, 1011px 1667px #fff, 1437px 1442px #fff, 393px 934px #fff, 974px 121px #fff, 1035px 292px #fff, 1043px 582px #fff, 198px 952px #fff,
    349px 928px #fff, 1702px 975px #fff, 166px 790px #fff, 63px 397px #fff, 1291px 508px #fff, 921px 1380px #fff, 1913px 150px #fff, 981px 554px #fff, 538px 371px #fff, 1939px 1737px #fff,
    1782px 1292px #fff, 1959px 816px #fff, 1698px 962px #fff, 319px 1887px #fff, 1208px 395px #fff, 1352px 1219px #fff, 1029px 1560px #fff, 939px 899px #fff, 1295px 1054px #fff, 1436px 616px #fff,
    1284px 1832px #fff, 1842px 668px #fff, 1978px 1269px #fff, 566px 1498px #fff, 546px 293px #fff, 531px 73px #fff, 548px 739px #fff, 813px 410px #fff, 66px 352px #fff, 774px 428px #fff,
    376px 741px #fff, 409px 1829px #fff, 1580px 1281px #fff, 1927px 828px #fff, 403px 1629px #fff, 44px 869px #fff, 841px 1819px #fff, 992px 1318px #fff, 252px 647px #fff, 1511px 1038px #fff,
    499px 558px #fff, 595px 61px #fff, 613px 130px #fff, 1402px 648px #fff, 427px 1788px #fff, 1375px 1389px #fff, 1635px 1298px #fff, 609px 313px #fff, 466px 607px #fff, 721px 1189px #fff,
    839px 1496px #fff, 223px 519px #fff, 201px 1655px #fff, 196px 1473px #fff, 290px 991px #fff, 1009px 1195px #fff, 1787px 413px #fff, 1490px 805px #fff, 1209px 621px #fff, 1998px 976px #fff,
    696px 380px #fff, 1915px 533px #fff, 191px 729px #fff, 1494px 352px #fff, 141px 1736px #fff, 1794px 570px #fff, 1909px 1509px #fff, 1327px 1628px #fff, 41px 1993px #fff, 1076px 887px #fff,
    1033px 292px #fff, 1576px 63px #fff, 89px 828px #fff, 1995px 949px #fff, 300px 1965px #fff, 934px 1897px #fff, 1562px 162px #fff, 1206px 1447px #fff, 806px 151px #fff, 1700px 117px #fff,
    451px 1603px #fff, 1280px 1692px #fff, 916px 801px #fff, 1575px 117px #fff, 217px 1882px #fff, 1239px 594px #fff, 286px 1191px #fff, 212px 1246px #fff, 1145px 1271px #fff, 1686px 882px #fff,
    178px 171px #fff, 997px 1661px #fff, 842px 366px #fff, 576px 1203px #fff, 44px 252px #fff, 1104px 1002px #fff, 1157px 65px #fff, 965px 1268px #fff, 1179px 836px #fff, 1989px 1964px #fff,
    983px 962px #fff, 695px 1040px #fff, 469px 1201px #fff, 177px 1382px #fff, 1431px 261px #fff, 830px 240px #fff, 1332px 1014px #fff, 1520px 105px #fff, 1542px 1440px #fff, 1386px 1303px #fff,
    436px 13px #fff, 893px 333px #fff, 291px 1103px #fff, 57px 943px #fff, 1094px 730px #fff, 467px 1355px #fff, 397px 712px #fff, 1832px 128px #fff, 1101px 378px #fff, 277px 476px #fff,
    1758px 55px #fff, 1904px 1588px #fff, 1339px 243px #fff, 342px 1046px #fff, 314px 1330px #fff, 20px 1643px #fff, 1823px 1519px #fff, 1480px 1962px #fff, 859px 6px #fff, 954px 200px #fff,
    931px 1125px #fff, 489px 326px #fff, 1098px 1876px #fff, 645px 1925px #fff, 526px 470px #fff, 1776px 1630px #fff, 1861px 548px #fff, 1957px 518px #fff, 1357px 223px #fff, 964px 692px #fff,
    721px 1083px #fff, 93px 1009px #fff, 1750px 380px #fff, 988px 113px #fff, 1392px 1421px #fff, 470px 763px #fff, 1038px 1745px #fff, 1639px 790px #fff, 1292px 1944px #fff, 644px 115px #fff,
    1168px 514px #fff, 895px 1029px #fff, 679px 1333px #fff, 140px 304px #fff, 1402px 989px #fff, 54px 846px #fff, 441px 1157px #fff, 1458px 3px #fff, 105px 17px #fff, 287px 1283px #fff,
    1062px 1857px #fff, 1429px 63px #fff, 570px 900px #fff, 1018px 1247px #fff, 816px 1562px #fff, 501px 1511px #fff, 1373px 51px #fff, 830px 708px #fff, 1226px 658px #fff, 1177px 201px #fff,
    1211px 219px #fff, 565px 1697px #fff, 1414px 647px #fff, 1040px 982px #fff, 1361px 371px #fff, 1406px 820px #fff, 417px 1417px #fff, 1222px 466px #fff, 1168px 794px #fff, 710px 255px #fff,
    1736px 1587px #fff, 1934px 768px #fff, 583px 1026px #fff, 1942px 1844px #fff, 1901px 1884px #fff, 1119px 1136px #fff, 493px 1648px #fff, 398px 239px #fff, 1895px 297px #fff, 915px 1268px #fff,
    1433px 1534px #fff, 1720px 245px #fff, 1631px 507px #fff, 92px 60px #fff, 593px 1309px #fff, 546px 258px #fff, 27px 1252px #fff, 1827px 1810px #fff, 696px 692px #fff, 618px 1067px #fff,
    938px 775px #fff, 848px 1772px #fff, 1124px 207px #fff, 1782px 698px #fff, 950px 1574px #fff, 129px 1118px #fff, 1756px 1387px #fff, 1707px 940px #fff, 499px 1593px #fff, 558px 1417px #fff,
    179px 1445px #fff, 1898px 693px #fff, 939px 1213px #fff, 1492px 1899px #fff, 1010px 161px #fff, 1793px 1133px #fff, 564px 516px #fff, 1413px 391px #fff, 1109px 1356px #fff, 1278px 1201px #fff,
    1464px 1017px #fff, 660px 182px #fff, 781px 371px #fff, 1838px 590px #fff, 890px 1114px #fff, 1190px 1990px #fff, 1502px 775px #fff, 1317px 1401px #fff, 561px 3px #fff, 1972px 287px #fff,
    1617px 1821px #fff, 1044px 477px #fff, 1745px 1617px #fff, 1891px 1711px #fff, 839px 1153px #fff, 491px 308px #fff, 27px 151px #fff, 702px 1220px #fff, 215px 418px #fff, 1005px 955px #fff,
    1990px 1230px #fff, 762px 760px #fff, 567px 648px #fff, 1141px 255px #fff, 226px 1840px #fff, 1841px 684px #fff, 927px 62px #fff, 605px 1631px #fff, 1014px 1402px #fff, 599px 906px #fff,
    114px 233px #fff, 1909px 1282px #fff, 378px 1298px #fff, 457px 802px #fff, 200px 855px #fff, 93px 226px #fff, 1549px 1235px #fff, 309px 1259px #fff, 991px 1967px #fff, 811px 1798px #fff,
    1186px 851px #fff, 1607px 1400px #fff, 1698px 1894px #fff, 460px 1087px #fff, 1259px 1510px #fff, 526px 1722px #fff, 1378px 552px #fff, 1438px 1260px #fff, 1561px 356px #fff, 88px 938px #fff,
    1964px 1907px #fff, 1408px 1733px #fff, 1820px 411px #fff, 1082px 1350px #fff, 847px 634px #fff, 50px 594px #fff, 782px 1834px #fff, 584px 968px #fff, 1206px 851px #fff, 1173px 574px #fff,
    1668px 957px #fff, 200px 85px #fff, 156px 1874px #fff, 484px 543px #fff, 609px 1250px #fff, 42px 52px #fff, 14px 1976px #fff, 1749px 519px #fff, 1959px 590px #fff, 100px 592px #fff,
    114px 55px #fff, 1254px 13px #fff, 777px 314px #fff, 1728px 930px #fff, 123px 280px #fff, 1117px 927px #fff, 1850px 1394px #fff, 734px 728px #fff, 227px 1896px #fff, 1587px 1179px #fff,
    1083px 510px #fff, 544px 1415px #fff, 1601px 1168px #fff, 751px 1196px #fff, 819px 623px #fff, 1688px 214px #fff, 352px 582px #fff, 398px 691px #fff, 1473px 612px #fff, 1558px 362px #fff,
    1306px 57px #fff, 1958px 500px #fff, 1573px 433px #fff, 1919px 1577px #fff, 1514px 382px #fff, 112px 425px #fff, 1823px 1260px #fff, 1691px 1594px #fff, 557px 521px #fff, 822px 37px #fff,
    772px 1799px #fff, 1810px 1312px #fff, 1362px 27px #fff, 487px 999px #fff, 495px 613px #fff, 1722px 1451px #fff, 356px 1896px #fff, 832px 1928px #fff, 1218px 1064px #fff, 1963px 1501px #fff,
    738px 1108px #fff, 1771px 832px #fff, 717px 888px #fff, 1459px 1814px #fff, 888px 849px #fff, 1799px 930px #fff, 1172px 476px #fff, 48px 276px #fff, 1811px 102px #fff, 373px 759px #fff,
    328px 1607px #fff, 300px 625px #fff, 332px 1152px #fff, 1572px 622px #fff, 55px 1843px #fff, 887px 705px #fff, 1828px 137px #fff, 959px 1011px #fff, 1664px 1291px #fff, 927px 16px #fff,
    1220px 608px #fff, 1686px 585px #fff, 776px 1977px #fff, 316px 777px #fff, 275px 527px #fff, 86px 1334px #fff, 497px 1152px #fff, 52px 300px #fff, 1615px 421px #fff, 1005px 974px #fff,
    1148px 1095px #fff, 211px 1685px #fff, 1585px 652px #fff, 177px 874px #fff, 810px 855px #fff, 1755px 193px #fff, 1349px 1472px #fff, 195px 1976px #fff, 176px 1438px #fff, 289px 1505px #fff,
    643px 1074px #fff, 1743px 687px #fff, 960px 1037px #fff, 1106px 1803px #fff, 617px 304px #fff, 1861px 505px #fff, 1021px 1562px #fff, 835px 1100px #fff, 1286px 831px #fff, 630px 692px #fff,
    1376px 1408px #fff, 1554px 750px #fff, 908px 1488px #fff, 306px 293px #fff, 1270px 522px #fff, 723px 863px #fff, 1260px 1840px #fff, 598px 138px #fff, 644px 1204px #fff, 1068px 1287px #fff,
    1698px 183px #fff, 1431px 1002px #fff, 1474px 418px #fff, 361px 1104px #fff, 193px 747px #fff, 1828px 1835px #fff, 774px 1684px #fff, 1596px 26px #fff, 1352px 1960px #fff, 1246px 1839px #fff,
    614px 654px #fff, 153px 784px #fff, 1115px 880px #fff, 787px 1919px #fff, 1817px 510px #fff, 178px 955px #fff, 1943px 918px #fff, 1796px 1564px #fff, 1522px 1814px #fff, 1060px 989px #fff,
    1384px 1347px #fff, 1956px 1389px #fff, 995px 838px #fff, 1780px 14px #fff, 946px 1803px #fff, 561px 1363px #fff, 952px 919px #fff, 351px 1695px #fff, 1185px 817px #fff, 1249px 1848px #fff,
    1948px 487px #fff, 422px 735px #fff, 1737px 474px #fff, 1522px 735px #fff, 140px 1211px #fff, 187px 1772px #fff, 989px 919px #fff, 781px 1212px #fff, 351px 768px #fff, 119px 1065px #fff,
    1230px 1893px #fff, 1468px 1769px #fff, 157px 1286px #fff, 316px 816px #fff, 538px 1836px #fff, 571px 1661px #fff, 1241px 438px #fff, 1907px 205px #fff, 1481px 67px #fff, 759px 769px #fff,
    1231px 1442px #fff, 201px 1776px #fff, 595px 1799px #fff, 1408px 484px #fff, 320px 1332px #fff, 1280px 73px #fff, 412px 1730px #fff, 237px 547px #fff, 347px 61px #fff, 1099px 990px #fff,
    1696px 1519px #fff, 1460px 778px #fff, 625px 1619px #fff, 978px 287px #fff, 12px 1125px #fff, 1060px 426px #fff, 640px 1364px #fff, 1936px 1524px #fff, 1669px 463px #fff, 1251px 764px #fff,
    1063px 714px #fff, 839px 492px #fff, 349px 149px #fff, 1483px 974px #fff, 546px 1624px #fff, 1102px 1835px #fff, 1082px 1908px #fff, 161px 402px #fff, 573px 1015px #fff, 814px 885px #fff,
    267px 1816px #fff, 168px 1011px #fff, 1249px 1099px #fff, 1466px 539px #fff, 1645px 1111px #fff, 1986px 145px #fff, 588px 125px #fff, 704px 838px #fff, 1726px 418px #fff, 596px 23px #fff;
}

.stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 169px 385px #fff, 1002px 1485px #fff, 479px 1042px #fff, 90px 612px #fff, 278px 411px #fff, 504px 11px #fff, 291px 1495px #fff, 1698px 907px #fff, 202px 1374px #fff, 485px 1056px #fff,
    243px 1508px #fff, 476px 977px #fff, 620px 1371px #fff, 1848px 1343px #fff, 463px 1908px #fff, 615px 812px #fff, 672px 1031px #fff, 367px 204px #fff, 1619px 207px #fff, 1926px 1388px #fff,
    952px 1806px #fff, 715px 308px #fff, 1576px 111px #fff, 1285px 209px #fff, 268px 694px #fff, 976px 44px #fff, 17px 1584px #fff, 1593px 1617px #fff, 1563px 1847px #fff, 774px 106px #fff,
    610px 599px #fff, 414px 454px #fff, 1215px 316px #fff, 1469px 78px #fff, 688px 760px #fff, 1108px 1075px #fff, 192px 1393px #fff, 1261px 1165px #fff, 1348px 714px #fff, 430px 1979px #fff,
    571px 1202px #fff, 1953px 285px #fff, 54px 277px #fff, 82px 1726px #fff, 1188px 727px #fff, 776px 1469px #fff, 586px 1770px #fff, 642px 337px #fff, 953px 1386px #fff, 1786px 844px #fff,
    377px 83px #fff, 1238px 544px #fff, 832px 191px #fff, 1840px 533px #fff, 154px 1989px #fff, 198px 772px #fff, 1387px 1177px #fff, 1679px 705px #fff, 154px 1829px #fff, 471px 1939px #fff,
    718px 793px #fff, 510px 367px #fff, 62px 1844px #fff, 1118px 244px #fff, 1897px 1047px #fff, 1653px 1022px #fff, 414px 834px #fff, 1621px 1663px #fff, 262px 379px #fff, 1622px 1024px #fff,
    1748px 495px #fff, 1146px 99px #fff, 1530px 1903px #fff, 1440px 1959px #fff, 1860px 1310px #fff, 393px 964px #fff, 839px 708px #fff, 578px 195px #fff, 161px 261px #fff, 160px 1753px #fff,
    566px 1431px #fff, 1776px 1900px #fff, 974px 638px #fff, 771px 1839px #fff, 1943px 1672px #fff, 421px 754px #fff, 26px 87px #fff, 1982px 870px #fff, 1984px 1523px #fff, 302px 1958px #fff,
    581px 361px #fff, 1730px 190px #fff, 1862px 1370px #fff, 717px 353px #fff, 1535px 1645px #fff, 1785px 411px #fff, 296px 1623px #fff, 778px 308px #fff, 1308px 1624px #fff, 1821px 356px #fff,
    1225px 107px #fff, 1692px 1903px #fff, 1px 278px #fff, 1118px 411px #fff, 1786px 985px #fff, 954px 343px #fff, 1684px 1025px #fff, 1357px 1516px #fff, 970px 881px #fff, 1850px 1926px #fff,
    416px 1018px #fff, 292px 1856px #fff, 1267px 199px #fff, 1759px 645px #fff, 883px 500px #fff, 1550px 1023px #fff, 965px 525px #fff, 734px 1229px #fff, 426px 884px #fff, 1095px 1843px #fff,
    112px 648px #fff, 1988px 241px #fff, 1871px 601px #fff, 173px 757px #fff, 1339px 60px #fff, 238px 830px #fff, 842px 1591px #fff, 638px 776px #fff, 1720px 51px #fff, 851px 986px #fff,
    1178px 184px #fff, 238px 829px #fff, 1079px 1490px #fff, 874px 888px #fff, 1007px 770px #fff, 1534px 852px #fff, 440px 673px #fff, 1530px 287px #fff, 1118px 619px #fff, 199px 1482px #fff,
    1171px 1491px #fff, 1056px 1336px #fff, 336px 865px #fff, 1748px 1190px #fff, 188px 1249px #fff, 1104px 1863px #fff, 1121px 731px #fff, 402px 1000px #fff, 1225px 901px #fff, 86px 897px #fff,
    615px 324px #fff, 1448px 956px #fff, 909px 1608px #fff, 331px 14px #fff, 1774px 1092px #fff, 1816px 1737px #fff, 1835px 1557px #fff, 2px 1140px #fff, 911px 550px #fff, 1577px 860px #fff,
    230px 1581px #fff, 695px 1218px #fff, 502px 642px #fff, 543px 16px #fff, 1517px 146px #fff, 131px 761px #fff, 376px 147px #fff, 1220px 1491px #fff, 506px 1461px #fff, 251px 456px #fff,
    747px 1008px #fff, 413px 714px #fff, 1585px 1694px #fff, 859px 707px #fff, 1484px 1249px #fff, 242px 11px #fff, 111px 1533px #fff, 1117px 1402px #fff, 3px 113px #fff, 525px 1627px #fff,
    1538px 1195px #fff, 1302px 1566px #fff, 1725px 1433px #fff, 1351px 971px #fff, 801px 1423px #fff, 12px 1109px #fff, 1003px 1705px #fff, 252px 359px #fff, 506px 1861px #fff, 1489px 1208px #fff,
    1435px 871px #fff, 461px 197px #fff, 838px 1970px #fff, 1558px 1295px #fff, 1254px 1628px #fff, 1882px 690px #fff, 143px 459px #fff, 1694px 759px #fff, 333px 37px #fff, 1469px 1955px #fff;
  animation: animStar 100s linear infinite;
}

.stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 169px 385px #fff, 1002px 1485px #fff, 479px 1042px #fff, 90px 612px #fff, 278px 411px #fff, 504px 11px #fff, 291px 1495px #fff, 1698px 907px #fff, 202px 1374px #fff, 485px 1056px #fff,
    243px 1508px #fff, 476px 977px #fff, 620px 1371px #fff, 1848px 1343px #fff, 463px 1908px #fff, 615px 812px #fff, 672px 1031px #fff, 367px 204px #fff, 1619px 207px #fff, 1926px 1388px #fff,
    952px 1806px #fff, 715px 308px #fff, 1576px 111px #fff, 1285px 209px #fff, 268px 694px #fff, 976px 44px #fff, 17px 1584px #fff, 1593px 1617px #fff, 1563px 1847px #fff, 774px 106px #fff,
    610px 599px #fff, 414px 454px #fff, 1215px 316px #fff, 1469px 78px #fff, 688px 760px #fff, 1108px 1075px #fff, 192px 1393px #fff, 1261px 1165px #fff, 1348px 714px #fff, 430px 1979px #fff,
    571px 1202px #fff, 1953px 285px #fff, 54px 277px #fff, 82px 1726px #fff, 1188px 727px #fff, 776px 1469px #fff, 586px 1770px #fff, 642px 337px #fff, 953px 1386px #fff, 1786px 844px #fff,
    377px 83px #fff, 1238px 544px #fff, 832px 191px #fff, 1840px 533px #fff, 154px 1989px #fff, 198px 772px #fff, 1387px 1177px #fff, 1679px 705px #fff, 154px 1829px #fff, 471px 1939px #fff,
    718px 793px #fff, 510px 367px #fff, 62px 1844px #fff, 1118px 244px #fff, 1897px 1047px #fff, 1653px 1022px #fff, 414px 834px #fff, 1621px 1663px #fff, 262px 379px #fff, 1622px 1024px #fff,
    1748px 495px #fff, 1146px 99px #fff, 1530px 1903px #fff, 1440px 1959px #fff, 1860px 1310px #fff, 393px 964px #fff, 839px 708px #fff, 578px 195px #fff, 161px 261px #fff, 160px 1753px #fff,
    566px 1431px #fff, 1776px 1900px #fff, 974px 638px #fff, 771px 1839px #fff, 1943px 1672px #fff, 421px 754px #fff, 26px 87px #fff, 1982px 870px #fff, 1984px 1523px #fff, 302px 1958px #fff,
    581px 361px #fff, 1730px 190px #fff, 1862px 1370px #fff, 717px 353px #fff, 1535px 1645px #fff, 1785px 411px #fff, 296px 1623px #fff, 778px 308px #fff, 1308px 1624px #fff, 1821px 356px #fff,
    1225px 107px #fff, 1692px 1903px #fff, 1px 278px #fff, 1118px 411px #fff, 1786px 985px #fff, 954px 343px #fff, 1684px 1025px #fff, 1357px 1516px #fff, 970px 881px #fff, 1850px 1926px #fff,
    416px 1018px #fff, 292px 1856px #fff, 1267px 199px #fff, 1759px 645px #fff, 883px 500px #fff, 1550px 1023px #fff, 965px 525px #fff, 734px 1229px #fff, 426px 884px #fff, 1095px 1843px #fff,
    112px 648px #fff, 1988px 241px #fff, 1871px 601px #fff, 173px 757px #fff, 1339px 60px #fff, 238px 830px #fff, 842px 1591px #fff, 638px 776px #fff, 1720px 51px #fff, 851px 986px #fff,
    1178px 184px #fff, 238px 829px #fff, 1079px 1490px #fff, 874px 888px #fff, 1007px 770px #fff, 1534px 852px #fff, 440px 673px #fff, 1530px 287px #fff, 1118px 619px #fff, 199px 1482px #fff,
    1171px 1491px #fff, 1056px 1336px #fff, 336px 865px #fff, 1748px 1190px #fff, 188px 1249px #fff, 1104px 1863px #fff, 1121px 731px #fff, 402px 1000px #fff, 1225px 901px #fff, 86px 897px #fff,
    615px 324px #fff, 1448px 956px #fff, 909px 1608px #fff, 331px 14px #fff, 1774px 1092px #fff, 1816px 1737px #fff, 1835px 1557px #fff, 2px 1140px #fff, 911px 550px #fff, 1577px 860px #fff,
    230px 1581px #fff, 695px 1218px #fff, 502px 642px #fff, 543px 16px #fff, 1517px 146px #fff, 131px 761px #fff, 376px 147px #fff, 1220px 1491px #fff, 506px 1461px #fff, 251px 456px #fff,
    747px 1008px #fff, 413px 714px #fff, 1585px 1694px #fff, 859px 707px #fff, 1484px 1249px #fff, 242px 11px #fff, 111px 1533px #fff, 1117px 1402px #fff, 3px 113px #fff, 525px 1627px #fff,
    1538px 1195px #fff, 1302px 1566px #fff, 1725px 1433px #fff, 1351px 971px #fff, 801px 1423px #fff, 12px 1109px #fff, 1003px 1705px #fff, 252px 359px #fff, 506px 1861px #fff, 1489px 1208px #fff,
    1435px 871px #fff, 461px 197px #fff, 838px 1970px #fff, 1558px 1295px #fff, 1254px 1628px #fff, 1882px 690px #fff, 143px 459px #fff, 1694px 759px #fff, 333px 37px #fff, 1469px 1955px #fff;
}

.stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 486px 1774px #fff, 1658px 484px #fff, 1642px 541px #fff, 1661px 606px #fff, 310px 1906px #fff, 1084px 1697px #fff, 654px 745px #fff, 1118px 1213px #fff, 1400px 1236px #fff,
    1796px 1208px #fff, 1267px 1749px #fff, 769px 766px #fff, 987px 714px #fff, 1046px 325px #fff, 1413px 856px #fff, 97px 1709px #fff, 410px 1852px #fff, 1924px 160px #fff, 1755px 1492px #fff,
    1456px 1838px #fff, 950px 1218px #fff, 735px 1617px #fff, 234px 1294px #fff, 1224px 157px #fff, 1912px 1790px #fff, 1205px 1569px #fff, 1817px 1883px #fff, 428px 15px #fff, 1347px 420px #fff,
    1224px 1409px #fff, 1847px 326px #fff, 327px 1222px #fff, 486px 1213px #fff, 667px 1774px #fff, 954px 794px #fff, 718px 1364px #fff, 289px 1970px #fff, 1514px 407px #fff, 492px 660px #fff,
    297px 296px #fff, 852px 1686px #fff, 1072px 1935px #fff, 183px 381px #fff, 587px 1000px #fff, 1404px 2000px #fff, 1304px 1704px #fff, 1199px 1936px #fff, 352px 1585px #fff, 807px 1890px #fff,
    1966px 1278px #fff, 1445px 291px #fff, 243px 235px #fff, 19px 341px #fff, 833px 1682px #fff, 437px 1832px #fff, 934px 1719px #fff, 528px 152px #fff, 1474px 1849px #fff, 1703px 647px #fff,
    1840px 1179px #fff, 749px 1654px #fff, 847px 1258px #fff, 726px 1996px #fff, 791px 1655px #fff, 954px 565px #fff, 535px 580px #fff, 1247px 598px #fff, 1441px 546px #fff, 1752px 1758px #fff,
    419px 655px #fff, 360px 1739px #fff, 1171px 1053px #fff, 314px 790px #fff, 1621px 342px #fff, 133px 916px #fff, 809px 834px #fff, 150px 1951px #fff, 1885px 29px #fff, 310px 487px #fff,
    787px 1823px #fff, 1064px 989px #fff, 1408px 465px #fff, 21px 1078px #fff, 1999px 853px #fff, 1319px 685px #fff, 1658px 333px #fff, 1129px 1673px #fff, 135px 479px #fff, 409px 627px #fff,
    185px 1965px #fff, 1722px 842px #fff, 597px 391px #fff, 1766px 598px #fff, 991px 1591px #fff, 1953px 837px #fff, 245px 693px #fff, 1211px 391px #fff, 829px 1471px #fff, 277px 726px #fff,
    469px 1557px #fff;
  animation: animStar 150s linear infinite;
}

.stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 486px 1774px #fff, 1658px 484px #fff, 1642px 541px #fff, 1661px 606px #fff, 310px 1906px #fff, 1084px 1697px #fff, 654px 745px #fff, 1118px 1213px #fff, 1400px 1236px #fff,
    1796px 1208px #fff, 1267px 1749px #fff, 769px 766px #fff, 987px 714px #fff, 1046px 325px #fff, 1413px 856px #fff, 97px 1709px #fff, 410px 1852px #fff, 1924px 160px #fff, 1755px 1492px #fff,
    1456px 1838px #fff, 950px 1218px #fff, 735px 1617px #fff, 234px 1294px #fff, 1224px 157px #fff, 1912px 1790px #fff, 1205px 1569px #fff, 1817px 1883px #fff, 428px 15px #fff, 1347px 420px #fff,
    1224px 1409px #fff, 1847px 326px #fff, 327px 1222px #fff, 486px 1213px #fff, 667px 1774px #fff, 954px 794px #fff, 718px 1364px #fff, 289px 1970px #fff, 1514px 407px #fff, 492px 660px #fff,
    297px 296px #fff, 852px 1686px #fff, 1072px 1935px #fff, 183px 381px #fff, 587px 1000px #fff, 1404px 2000px #fff, 1304px 1704px #fff, 1199px 1936px #fff, 352px 1585px #fff, 807px 1890px #fff,
    1966px 1278px #fff, 1445px 291px #fff, 243px 235px #fff, 19px 341px #fff, 833px 1682px #fff, 437px 1832px #fff, 934px 1719px #fff, 528px 152px #fff, 1474px 1849px #fff, 1703px 647px #fff,
    1840px 1179px #fff, 749px 1654px #fff, 847px 1258px #fff, 726px 1996px #fff, 791px 1655px #fff, 954px 565px #fff, 535px 580px #fff, 1247px 598px #fff, 1441px 546px #fff, 1752px 1758px #fff,
    419px 655px #fff, 360px 1739px #fff, 1171px 1053px #fff, 314px 790px #fff, 1621px 342px #fff, 133px 916px #fff, 809px 834px #fff, 150px 1951px #fff, 1885px 29px #fff, 310px 487px #fff,
    787px 1823px #fff, 1064px 989px #fff, 1408px 465px #fff, 21px 1078px #fff, 1999px 853px #fff, 1319px 685px #fff, 1658px 333px #fff, 1129px 1673px #fff, 135px 479px #fff, 409px 627px #fff,
    185px 1965px #fff, 1722px 842px #fff, 597px 391px #fff, 1766px 598px #fff, 991px 1591px #fff, 1953px 837px #fff, 245px 693px #fff, 1211px 391px #fff, 829px 1471px #fff, 277px 726px #fff,
    469px 1557px #fff;
}

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

  to {
    transform: translateY(-2000px);
  }
}