/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* PALET FINAL: PROFESIONAL & ELEGAN (SUDAH DIREVISI) */
:root {
    /* Slide 1: Tema Utama - Emas & Hitam Arang */
    --b1cd: #1c1c1c;  /* Hitam Arang (lebih lembut dari hitam pekat) */
    --b1cl: #FFA500;  /* Oranye/Emas khas Anda */

    /* Slide 2: Tema Netral - Abu-abu & Perak */
    --b2cd: #2c3e50;  /* Abu-abu Kebiruan Tua */
    --b2cl: #bdc3c7;  /* Perak/Abu-abu Terang */

    /* Slide 3: Tema Hangat - Cokelat Tua & Pasir */
    --b3cd: #3E2723;  /* Cokelat Kopi Tua */
    --b3cl: #D2B48C;  /* Warna Pasir/Tan */
    
    /* Slide 4: Opsi B - Tema Hijau Alam */
    --b4cd: #2E4636;  /* Hijau Hutan Gelap */
    --b4cl: #8A9A5B;  /* Hijau Sage/Zaitun */

    /* Variabel bawaan */
    --black: #000;
    --white: #fff;
    --grey: #B5B4B4;
}

body {
  font-family: 'Ubuntu', sans-serif;
  color: #2E303A;
}

a {
  color: #FFA500;
  text-decoration: none;
}

p {
  color: #1f1e1e;
}

a:hover {
  color: #FFA500;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", sans-serif;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
/* #preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #ffffff7f;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #FFA500;
  border-top-color: #ecf8f9;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
} */

/* @-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #FFA500;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #FFA500;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #FFA500;
  color: #fff;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
  z-index: 996;
  transition: all 0.5s;
}

#topbar.topbar-scrolled {
  top: -40px;
}

#topbar i {
  padding-right: 6px;
  line-height: 0;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* #header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
  top: 40px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
@media (max-width: 992px) {
  #header {
    padding: 15px 0;
  }
}
#header.header-scrolled {
  top: 0;
}
#header .logo {
  font-size: 28px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
#header .logo a {
  color: #555555;
}
#header .logo img {
  max-height: 40px;
} */
#header {
  background: rgba(21, 34, 43, 0.927);
  transition: all 0.5s;
  z-index: 997;
  top: 40px;
  padding: 10px 0;
}

#header.header-scrolled {
  top: 0;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgba(21, 34, 43, 0.85);
  padding: 10px 0;
}

#header .navbar a #main-menu{
  color: #fbfbfb;
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 60px;
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  white-space: nowrap;
  padding: 8px 12px;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #FFA500;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #fff;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
  border: 2px solid #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #FFA500;
  border-color: #FFA500;
}

.navbar>ul>li>.getstarted:before {
  visibility: hidden;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #15222b;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #FFA500;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(4, 7, 9, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #15222b;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #ff4a17;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #ff4a17;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(60, 60, 60, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

#hero .container {
  text-align: center;
  background: rgba(0, 0, 0, 0.586);
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-top: 4px solid #FFA500;
}

@media (max-width: 1200px) {
  #hero .container {
    margin-left: 50px;
    margin-right: 50px;
  }
}

#hero h2 {
  color: #ffffff;
  margin-bottom: 20px;
  font-size: 36px;
  font-weight: 700;
}

#hero p {
  margin: 0 auto 30px auto;
  color: #ecebeb;
  font-size: 12px;
  text-align: justify;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {
  background: none;
  font-size: 30px;
  line-height: 0;
  width: auto;
  height: auto;
  background: rgba(229, 9, 20, 0.8);
  border-radius: 50px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#hero .carousel-control-next-icon:hover, #hero .carousel-control-prev-icon:hover {
  background: #FFA500;
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: .6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #FFA500;
}

#hero .btn-get-started {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  background: #FFA500;
}

#hero .btn-get-started:hover {
  background: #65c9cd;
}

@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }
  #hero .container {
    margin-top: 100px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 160vh;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #000000;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5c8eb0;
  font-family: "Poppins", sans-serif;
}

.section-title h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #ff8664;
  margin: 4px 10px;
}

.section-title p {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #263d4d;
  text-align: left;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
/* .breadcrumbs {
  padding: 20px 0;
  background-color: #f5c8c8;
  min-height: 40px;
  margin-top: 120px;
}

@media (max-width: 992px) {
  .breadcrumbs {
    margin-top: 70px;
  }
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
  margin: 0;
}

@media (max-width: 992px) {
  .breadcrumbs h2 {
    margin: 0 0 10px 0;
  }
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
} */

.oipp-df {
  background-size: cover;
  padding: 60px 0 30px 0;
  position: relative;
  min-height: 40px;
  margin-top: 120px;
}

.oipp-df::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.708);
  z-index: 9;
}

.oipp-df .container,
.oipp-df .container-fluid {
  position: relative;
  z-index: 10;
}

.oipp-df h2 {
  font-size: 24px;
  font-weight: 300;
  margin: 0;
}

@media (max-width: 992px) {
  .oipp-df h2 {
    margin: 0 0 10px 0;
  }
}

.oipp-df ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.oipp-df ol li + li {
  padding-left: 10px;
}

.oipp-df ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {
  .oipp-df .d-flex {
    display: block !important;
  }
  .oipp-df ol {
    display: block;
  }
  .oipp-df ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
/* General Styles for Featured Services Section */
.featured-services {
  position: relative;
  background-image: linear-gradient(to bottom right, #000000, #000000); /* Optional gradient background */
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0; /* Padding top and bottom */
}

/* Container Styles */
.featured-services .container {
  max-width: 1200px; /* Maximum width of the container */
  margin: auto; /* Center the container */
}

/* Icon Box Styles */
.featured-services .icon-box {
  padding: 15px; /* Reduced padding */
  width: 120px; /* Reduced width for smaller screens */
  height: 120px; /* Reduced height for smaller screens */
  overflow: hidden;
  background: #fff; /* White background for each box */
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12); /* Shadow effect */
  transition: all 0.3s ease-in-out; /* Smooth transition for hover effects */
  border-radius: 8px; /* Rounded corners */
  z-index: 1;
}

/* Icon Box Hover Effect */
.featured-services .icon-box::before {
  content: '';
  position: absolute;
  background: rgb(255, 165, 0); /* Background color for hover effect */
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1; /* Behind the icon box */
}

.featured-services .icon-box:hover::before {
  background: rgba(255, 165, 0); /* Change to rgba on hover */
  top: 0; /* Expand to cover the whole box */
  border-radius: 0; /* Remove rounded corners on hover */
}

/* Icon and Title Styles */
.featured-services .icon {
  margin-bottom: 10px; /* Space between icon and title */
}

.featured-services .icon i {
  font-size: 32px; /* Reduced font size for icons */
  line-height: 1; /* Line height for icons */
  color: #FFA500; /* Icon color */
  transition: all 0.3s ease-in-out; /* Smooth transition for icon color */
}

/* Title Styles */
.featured-services .title {
  font-weight: 700; /* Bold font for titles */
  font-size: 10px; /* Reduced font size for titles */
}

/* Section Title Color */
.featured-services .section-title h4 {
  color: #111; /* Title color */
}

/* Icon Box Hover Title and Description Color Change */
.featured-services .icon-box:hover .title,
.featured-services .icon-box:hover .description {
  color: #fff; /* Change text color on hover */
}

/* SVG Icon Color Change on Hover */
.featured-services .icon-box:hover svg path {
  fill: #fff; /* Change SVG path color on hover */
}

/* SVG Scaling on Hover */
.featured-services .icon-box:hover svg {
  transform: scale(1.2); /* Scale up the SVG on hover */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .icon-box {
      margin-bottom: 20px; /* Space between boxes on mobile */
  }

  .featured-services .icon-box {
      width: 80%; /* Use a percentage to take full width on mobile */
      max-width: 120px; /* Maximum width */
  }

  .featured-services .icon {
      margin-bottom: 5px; /* Adjust spacing for mobile */
  }
}

@media (max-width: 576px) {
  .featured-services .icon-box {
      padding: 10px; /* Further reduced padding on smaller screens */
      width: 100px; /* Reduced width for the smallest screens */
      height: 100px; /* Reduced height for the smallest screens */
  }

  .icon-box .title {
      font-size: 9px;
  }

  .featured-services .icon-box svg {
      width: 70%;
  }
}

/*--------------------------------------------------------------
# OEM/ODM
--------------------------------------------------------------*/

.oem-header{
  /* height: 35vh; */
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  background-image: linear-gradient(to bottom right, #11100d, #11100d);
  background-size: cover;
  overflow: hidden;
  color: #FFA500;
  padding: 40px 0 0;
}

.oem-header h3 {
  font-size: 28px;
  font-weight: 700;
}

.oem-text {
  background: url('https://images2.imgbox.com/84/c3/tJtyAcGa_o.png') no-repeat center center #11100d;
  background-size: cover;
  padding: 40px 0;
  margin-bottom: 80px;
}

.oem-text .text-section h4 {
  color: #FFA500;
}

.oem-text .text-section p {
  width: 70%;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
}

/* Tampilan responsif di mobile */
@media (max-width: 768px) {
  .oem-text .text-section p {
    width: 100%;
  }

  .image-container {
    margin-top: 20px;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-image: url('https://images2.imgbox.com/12/64/z7mhHKac_o.png');
  }
}


/*--------------------------------------------------------------
# CHARCOAL
--------------------------------------------------------------*/
.charcoal-header{
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  background-image: linear-gradient(to bottom right, #11100d, #11100d);
  background-size: cover;
  overflow: hidden;
  color: #FFA500;
  padding: 40px 0 0;
}

.charcoal-header h3 {
  font-size: 28px;
  font-weight: 700;
}

.charcoal-text {
  background: url('https://images2.imgbox.com/e9/54/pN7zlTtm_o.png') no-repeat center center #11100d;
  background-size: cover;
  padding: 40px 0;
  margin-bottom: 80px;
}

.charcoal-text .text-section h4 {
  color: #FFA500;
}

.charcoal-text .text-section p {
  width: 70%;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  color: var(--white); /* Pastikan warna teks putih di bagian ini */
}

.charcoal-text .text-section ul {
  width: 70%;
  list-style-type: disc;
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.charcoal-text .text-section li {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 8px;
  padding-left: 5px;
}

.charcoal-text .text-section li::marker {
  color: #FFA500;
}

@media (max-width: 768px) {
  .charcoal-text .text-section p,
  .charcoal-text .text-section ul {
    width: 100%;
  }

  .image-container {
    margin-top: 20px;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-image: url('https://images2.imgbox.com/12/64/z7mhHKac_o.png');
  }
}

#cta p {
  text-align: center;
  color: #ecebeb; /* Menyesuaikan warna agar kontras dengan background gelap */
}

/* === SLIDER PROSES PRODUKSI (PENYESUAIAN) === */

/* Wrapper utama untuk slider agar tidak bentrok dengan .container lain */
.process-slider-container {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    max-width: 1100px;
    margin: 0 auto; 
    font-family: 'Roboto', sans-serif; /* Menggunakan font dari slider */
}

/* Menargetkan slider di dalam wrapper khusus */
.process-slider-container .slider {
    display: flex;
    width: 400%;
    height: 48rem;
    transition: all .25s ease-in;
    transform: translateX(0);
}

.process-slider-container .slider .box {
    height: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    overflow: hidden;
    position: relative;
}

.process-slider-container .slider .box .bg {
    padding: 2rem;
    background-color: rgba(0, 0, 0, .2);
    width: 55%;
    transform: skewX(7deg);
    position: absolute;
    height: 100%;
    left: -10%;
    padding-left: 20rem;
    transform-origin: 0 100%;
}

.process-slider-container .slider .box .bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: inherit;
    pointer-events: none;
    transform: skewX(10deg);
}

.process-slider-container .slider .details {
    padding: 5rem;
    padding-left: 10rem;
    z-index: 100;
    grid-column: 1 / span 1;
    grid-row: 1 / -1;
}

.process-slider-container .slider .details h1 {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: .5rem;
    color: var(--white); /* Menyesuaikan warna judul */
}

/* Menargetkan paragraf khusus di dalam slider */
.process-slider-container .slider .details p {
    display: inline-block;
    font-size: 1.3rem;
    color: var(--grey);
    margin-bottom: 2rem;
    margin-right: 5rem;
    width: auto; /* Reset width agar tidak terpengaruh style p global */
    text-align: left; /* Reset text-align */
}

.process-slider-container .slider .details button {
    padding: 1rem 3rem;
    color: var(--white);
    border-radius: 2rem;
    outline: none;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
}

.process-slider-container .slider .details button:hover {
    opacity: .8;
}

.process-slider-container .slider .illustration {
    grid-column: 2 / -1;
    grid-row: 1 / -1;
    justify-self: center;
}

.process-slider-container .slider .illustration .inner {
    height: 25rem;
    width: 25rem;
    border-radius: 3rem;
    position: relative;
    transform: skewX(-10deg);
    overflow: hidden;
}

.process-slider-container .slider .illustration .inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    /* Membalik kemiringan dan sedikit memperbesar agar sudut tertutup sempurna */
    transform: skewX(10deg) scale(1.2); 
    
    /* Properti background sekarang dipindahkan ke sini */
    background-size: cover;
    background-position: center center;
}

/* Pewarnaan dan Gambar Latar Belakang untuk setiap slide (DENGAN GRADASI) */

/* Box 1 */
.process-slider-container .slider .box1 { background-color: var(--b1cd); }
.process-slider-container .slider .box1 .illustration .inner::before {
    background-image: 
        linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent),
        url('https://coco-liz.com/imgapp/img/3D-animate-crusher.png');
}
.process-slider-container .slider .box1 .illustration .inner::after, .process-slider-container .slider .box1 .illustration .inner::before { background-color: rgba(255, 165, 0, .4); }
.process-slider-container .slider .box1 button { background-color: var(--b1cl); }

/* Box 2 */
.process-slider-container .slider .box2 { background-color: var(--b2cd); }
.process-slider-container .slider .box2 .illustration .inner::before {
    background-image: 
        linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent),
        url('https://coco-liz.com/imgapp/img/3D-animate-dryer.png');
}
.process-slider-container .slider .box2 .illustration .inner::after, .process-slider-container .slider .box2 .illustration .inner::before { background-color: rgba(189, 195, 199, .4); }
.process-slider-container .slider .box2 button { background-color: var(--b2cl); }

/* Box 3 */
.process-slider-container .slider .box3 { background-color: var(--b3cd); }
.process-slider-container .slider .box3 .illustration .inner::before {
    background-image: 
        linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent),
        url('https://coco-liz.com/imgapp/img/3D-animate-screenner.png'); /* Ganti dengan URL gambar screener Anda */
}
.process-slider-container .slider .box3 .illustration .inner::after, .process-slider-container .slider .box3 .illustration .inner::before { background-color: rgba(210, 180, 140, .4); }
.process-slider-container .slider .box3 button { background-color: var(--b3cl); }

/* Box 4 */
.process-slider-container .slider .box4 { background-color: var(--b4cd); }
.process-slider-container .slider .box4 .illustration .inner::before {
    background-image: 
        linear-gradient(to top, rgba(0, 0, 0, 0.1), transparent),
        url('https://coco-liz.com/imgapp/img/3D-animate-bst-50.png'); /* Ganti dengan URL gambar pyrolysis Anda */
}
.process-slider-container .slider .box4 .illustration .inner::after, .process-slider-container .slider .box4 .illustration .inner::before { background-color: rgba(205, 127, 50, .4); }
.process-slider-container .slider .box4 button { background-color: var(--b4cl); }

.process-slider-container .prev,
.process-slider-container .next,
.process-slider-container .trail {
    z-index: 100; /* Cukup 100, tidak perlu terlalu besar */
    position: absolute;
}

.process-slider-container .prev,
.process-slider-container .next {
    width: 4rem;
    cursor: pointer;
    opacity: .2;
    transition: all .3s ease;
}

.process-slider-container .prev:hover,
.process-slider-container .next:hover {
    opacity: 1;
}

.process-slider-container .prev {
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
}

.process-slider-container .next {
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
}

.process-slider-container .trail {
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: 55%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    text-align: center;
    font-size: 1.5rem;
}

.process-slider-container .trail div {
    padding: 0.8rem 1.5rem; 
    color: #FFFFFF; 
    font-size: 0.8rem;
    border-top: 3px solid #fff;
    cursor: pointer;
    opacity: .3;
    transition: all 0.3s ease;
}

.process-slider-container .trail .active {
    opacity: 1 !important;
    border-color: #FFFFFF !important;
    /* background-color: rgba(255, 255, 255, 0.2) !important; */
}

/* Penyesuaian Responsif untuk Slider */
@media only screen and (max-width: 1000px) {
    .process-slider-container {
        border-radius: 0;
    }
    .process-slider-container .slider {
        height: 80vh;
    }
}

@media only screen and (max-width: 800px) {
    .process-slider-container .slider .box .bg {
        width: 65%;
    }
    .process-slider-container .slider .illustration .inner {
        height: 20rem;
        width: 20rem;
    }
    .process-slider-container .slider .details p {
        margin-right: 0;
    }
}

@media only screen and (max-width: 650px) {
    .process-slider-container .slider .box {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
    }
    .process-slider-container .slider .box .bg {
        width: 100%;
        left: 0;
        bottom: 0;
        height: 54%;
        transform: skewX(0deg);
    }
    .process-slider-container .slider .box .bg::before {
        width: 120%;
        bottom: 0;
        transform: skewX(0deg);
    }
    .process-slider-container .slider .details {
        grid-row: 2 / span 1;
        grid-column: 1 / -1;
        text-align: center;
        padding: 2rem;
        transform: translateY(-9rem);
    }
    .process-slider-container .slider .illustration {
        grid-row: 1 / span 1;
        grid-column: 1 / -1;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .process-slider-container .prev,
    .process-slider-container .next {
        display: none;
    }
    .process-slider-container .trail {
        width: 90%;
        bottom: 13%;
    }
    .process-slider-container .trail div {
        padding: 1rem;
    }
}

.documentation-section {
    padding: 60px 0;
    background-color: #000; /* Latar belakang gelap agar galeri menonjol */
}

/* Mengimpor font yang dibutuhkan oleh galeri */
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

.photo-gallery-container {
    width: 100%;
    display: flex;
    padding: 0;
}

.photo-gallery-container .slide {
    height: 60vh; /* Tinggi galeri, bisa disesuaikan */
    border-radius: 20px;
    margin: 10px;
    cursor: pointer;
    color: #fff;
    flex: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    transition: all 500ms ease-in-out;
}

.photo-gallery-container .slide h3 {
    font-family: 'Muli', sans-serif; /* Menggunakan font dari referensi */
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
    font-size: 24px;
    opacity: 0;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* Menambah bayangan agar teks mudah dibaca */
}

.photo-gallery-container .slide.active {
    flex: 10;
}

.photo-gallery-container .slide.active h3 {
    opacity: 1;
    transition: opacity 0.3s ease-in 0.4s;
}

@media (max-width: 768px) {
    /* Membuat container menyusun item ke bawah */
    .photo-gallery-container {
        flex-direction: column;
        height: auto;
        /* Menghapus padding horizontal dari container galeri */
        padding: 0;
    }

    /* Membuat semua slide berukuran SAMA BESAR dan LEBAR PENUH */
    .photo-gallery-container .slide,
    .photo-gallery-container .slide.active {
        flex: none; /* Menghapus properti 'flex-grow' agar tidak ada yang membesar */
        width: 100%; /* Membuat lebar gambar 100% dari container */
        height: 250px; /* Tinggi gambar yang seragam, bisa Anda sesuaikan */
        margin: 0 0 10px 0; /* Menghapus margin horizontal, memberi margin bawah */
        border-radius: 10px; /* Sudut yang tidak terlalu tajam */
        cursor: default; /* Kursor standar, menandakan tidak bisa diklik */
    }

    /* Menampilkan SEMUA judul gambar */
    .photo-gallery-container .slide h3 {
        opacity: 1; /* Selalu tampilkan judul */
        font-size: 18px;
        background-color: rgba(0, 0, 0, 0.5); /* Latar belakang gelap pada teks agar selalu terbaca */
        padding: 8px 12px;
        border-radius: 5px;
        bottom: 15px; /* Sesuaikan posisi dari bawah */
        left: 15px; /* Sesuaikan posisi dari kiri */
    }
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
/* .cta {
  background-image: linear-gradient(to bottom right, #000000, #000000);
  color: #FFA500;
  background-size: cover;
  padding: 60px 0 0;
} */

.cta {
  /* height: 100vh; */
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  background-image: linear-gradient(to bottom right, #000000, #000000);
  background-size: cover;
  overflow: hidden;
  color: #FFA500;
  padding: 60px 0 0;
}

.cta h3 {
  font-size: 28px;
  font-weight: 700;
}

.cta .title p {
  color: #fff;
  text-align: center;
}

.cta .cta-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 35px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #fff;
  color: #fff;
  margin-bottom: 50px;
}

.cta .cta-btn:hover {
  background: #fff;
  color: #FFA500;
}

/*--------------------------------------------------------------
# Poduct
--------------------------------------------------------------*/
.prdc {
  background: url('https://images2.imgbox.com/98/f5/Frj622Lo_o.jpeg') center top no-repeat fixed;
  background-size: cover;
}



/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about-us {
  background: url('https://images2.imgbox.com/14/c1/7DVoCGZ0_o.jpeg') center top no-repeat fixed;
  background-size: cover;
}

/* .about .content p {
  color: #111;
}
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-bottom: 10px;
}

.about .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #FFA500;
}

.about .content p:last-child {
  margin-bottom: 0;
} */

#about {
  /* background-color: #676363; */
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

.about .about-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 35px;
  border-radius: 25px;
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #FFA500;
  color: #FFA500;
}

.about .about-btn:hover {
  background: #FFA500;
  color: #fff;
}

#about .container {
  position: relative;
  z-index: 10;
}

#about p {
  color: #000 !important;
}

#about .filosofi p {
  color: #fff !important;
}

#about .about-col {
  background: #fff;
  text-align: justify;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

#about .about-col .img {
  position: relative;
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0;
}

#about .about-col .icon {
  width: 64px;
  height: 64px;
  text-align: center;
  position: absolute;
  background-color: #FFA500;
  border-radius: 50%;
  border: 4px solid #fff;
  left: calc(50% - 32px);
  bottom: -30px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

#about .about-col i {
  font-size: 28px;
  line-height: 0;
  color: #fff;
  transition: 0.3s;
}

#about .about-col:hover .icon {
  background-color: #fff;
}

#about .about-col:hover i {
  color: #FFA500;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 0 12px 0;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col h2 a:hover {
  color: #FEA00C;
}

#about .about-col p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-bottom: 0;
  padding: 0 20px 20px 20px;
}

#about .filosofi {
  background: #000 !important;
  border-radius: 10px; /* Tambahkan sudut bulat sesuai keinginan Anda */
  padding: 50px; /* Tambahkan padding sesuai keinginan Anda */
}

#about .filosofi .card {
  border: 0;
  padding: 330px 20px 20px 20px;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#about .filosofi .card-body {
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  transition: ease-in-out 0.4s;
  border-radius: 5px;
}

#about .filosofi .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

#about .filosofi .card-title a {
  color: #473d3a;
}

#about .filosofi .card-text {
  color: #4b4949;
}

#about .filosofi .read-more a {
  color: #656262;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.4s;
}

#about .filosofi .read-more a:hover {
  text-decoration: underline;
}

#about .filosofi .card:hover .card-body {
  background: #FFA500;
}

#about .filosofi .card:hover .read-more a,
#about .filosofi .card:hover .card-title,
#about .filosofi .card:hover .card-title a,
#about .filosofi .card:hover .card-text {
  color: #fff;
}


.about .video iframe {
  width: 100%;
  height: 100%;
}
/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding-bottom: 30px;
}

.counts .value-box {
  box-shadow: -10px -5px 40px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: 100%;
  border-radius: 10px;
}

.counts .value-box i {
  display: block;
  align-items: center;
  font-size: 30px;
  color: #FFA500;
  float: left;
}

.counts .value-box span {
  font-size: 42px;
  line-height: 24px;
  display: block;
  font-weight: 700;
  color: #555555;
  margin-left: 50px;
}

.counts .value-box p {
  padding: 30px 0 0 0;
  margin: 0;
  text-align: center;
  color: #1f1e1e;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
}

.counts .value-box a {
  font-weight: 600;
  display: block;
  margin-top: 20px;
  color: #7b7b7b;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  transition: ease-in-out 0.3s;
}

.counts .value-box a:hover {
  color: #FFA500;
}

/*--------------------------------------------------------------
# Wa Features
--------------------------------------------------------------*/
.wa-float{
	position:fixed;
	width:45px;
	height:45px;
	bottom:20px;
	left:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:8px;
}

/*--------------------------------------------------------------
# News Feed
--------------------------------------------------------------*/
.artc {
  background: url('/image/book.jpg') center top no-repeat fixed;
  background-size: cover;
}

.news-feed .card .card-text {
  color: #1f1e1e;
}

.news-feed .card .card-body p {
  color: #1f1e1e;
}

/*--------------------------------------------------------------
# career
--------------------------------------------------------------*/
.crr {
  background: url('/image/career.jpg') center top no-repeat fixed;
  background-size: cover;
}

.career .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  background: #fff;
  transition: 0.5s;
  height: 100%;
}

.career .member .pic {
  overflow: hidden;
  width: 180px;
  height: 180px;
  /* border-radius: 50%; */
}

.career .member .pic img {
  transition: ease-in-out 0.3s;
}

.career .member:hover {
  transform: translateY(-10px);
}

.career .member .member-info {
  padding-left: 30px;
}

.career .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #37517e;
}

.career .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}

.career .member span::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}

.career .member p {
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #37517e;
}

.career .card .card-body p {
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #37517e;
}

.career .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.career .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #eff2f8;
}

.career .member .social a i {
  color: #37517e;
  font-size: 16px;
  margin: 0 2px;
}

.career .member .social a:hover {
  background: #FFA500;
}

.career .member .social a:hover i {
  color: #fff;
}

.career .member .social a+a {
  margin-left: 8px;
}


/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
/* .features {
  background-color: #f0f4f8;
} */

.features .image {
  position: relative;
  padding-bottom: 56.25%; /* Aspect Ratio 16:9 */
  height: 0;
  overflow: hidden;
  width: 100%; /* Pastikan lebar penuh pada semua perangkat */
}

.features .image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .features .image {
    padding-bottom: 56.25%; /* Pastikan aspect ratio tetap 16:9 di mobile */
  }
}



/*--------------------------------------------------------------
# Product Specification
--------------------------------------------------------------*/
.value {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  background-image: linear-gradient(to bottom right, #000000, #000000);
  background-size: cover;
  overflow: hidden;
  color: #FFA500;
  padding: 60px 0 0;
}
.value .desc-title h2, p {
  color: #fff;
  text-align: justify;
}

.value .icon-box {
  margin-bottom: 20px;
  text-align: center;
}
.value .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 50%;
  transition: 0.5s;
  color: #c03f3f;
  overflow: hidden;
  box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);
}
.value .icon i {
  font-size: 36px;
  line-height: 0;
}
.value .icon-box:hover .icon {
  box-shadow: 0px 0 25px rgba(63, 187, 192, 0.3);
}
.value .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
  position: relative;
  padding-bottom: 15px;
}
.value .title {
  color: #FFA500;
  transition: 0.3s;
}
.value .title a:hover {
  color: #f5c8c8;
}
.value .section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: #f5c8c8;
  bottom: 0;
  left: calc(50% - 25px);
}
.value .title::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 2px;
  background: #FFA500;
  bottom: 0;
  left: calc(50% - 25px);
}
.value .description {
  text-align: center;
  line-height: 24px;
  color: #FFA500;
  font-size: 14px;
}

/*--------------------------------------------------------------
# Appointments
--------------------------------------------------------------*/
.appointment .php-email-form {
  width: 100%;
}

.appointment .php-email-form .form-group {
  padding-bottom: 8px;
}

.appointment .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.appointment .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.appointment .php-email-form .error-message br + br {
  margin-top: 25px;
}

.appointment .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #FEA00C;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.appointment .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.appointment .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #FEA00C;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.appointment .php-email-form input, .appointment .php-email-form textarea, .appointment .php-email-form select {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  padding: 10px !important;
}

.appointment .php-email-form input:focus, .appointment .php-email-form textarea:focus, .appointment .php-email-form select:focus {
  border-color: #FFA500;
}

.appointment .php-email-form input, .appointment .php-email-form select {
  height: 44px;
}

.appointment .php-email-form textarea {
  padding: 10px 12px;
}

.appointment .php-email-form button[type="submit"] {
  background: #FFA500;
  border: 0;
  padding: 10px 35px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

.appointment .php-email-form button[type="submit"]:hover {
  background: #52c2c6;
}

/*--------------------------------------------------------------
# products-home
--------------------------------------------------------------*/
.products .nav-tabs {
  border: 0;
}

.products .nav-link {
  border: 0;
  padding: 20px;
  color: #555555;
  border-radius: 0;
  border-left: 5px solid #fff;
  cursor: pointer;
}

.products .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

.products .nav-link p {
  font-size: 14px;
  margin-bottom: 0;
}

.products .nav-link:hover h4 {
  color: #FFA500;
}

.products .nav-link.active {
  background: #f7fcfc;
  border-color: #FFA500;
}

.products .nav-link.active h4 {
  color: #FFA500;
}

.products .tab-pane.active {
  -webkit-animation: slide-down 0.5s ease-out;
  animation: slide-down 0.5s ease-out;
}

.products .tab-pane img {
  float: left;
  max-width: 300px;
  padding: 0 15px 15px 0;
}

@media (max-width: 768px) {
  .products .tab-pane img {
    float: none;
    padding: 0 0 15px 0;
    max-width: 100%;
  }
}

.products .tab-pane h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #FFA500;
}

.products .tab-pane p {
  color: #777777;
}

.products .tab-pane p:last-child {
  margin-bottom: 0;
}

.products .products-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  width: 60px; /* Menentukan lebar tombol */
  height: 60px; /* Menentukan tinggi tombol, harus sama dengan lebar untuk lingkaran sempurna */
  border-radius: 50%; /* Membuat tombol menjadi lingkaran */
  transition: 0.5s;
  margin-top: 10px;
  border: 2px solid #FFA500;
  color: #FFA500;
  text-align: center; /* Menempatkan ikon di tengah tombol */
  line-height: 58px; /* Mengatur ikon agar sejajar secara vertikal di dalam tombol */
  padding: 0; /* Menghilangkan padding untuk menjaga lingkaran sempurna */
}


.products .products-btn:hover {
  background: #FFA500;
  color: #fff;
}




.products .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #fff;
  transition: 0.5s;
}

.products .member:hover {
  transform: translateY(-10px);
}

.products .member .member-img img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.products .member .member-info {
  text-align: center; /* Menempatkan teks di tengah secara horizontal */
  padding-top: 10px; /* Menambahkan sedikit jarak antara gambar dan teks */
}

.products .member h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 20px;
  color: #FFA500;
}

.products .member span {
  display: block;
  font-size: 15px;
  padding-bottom: 10px;
  position: relative;
  font-weight: 500;
}

/* .products .member span::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
} */




@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .member {
    margin-bottom: 20px;
  }

  .products-btn {
    display: block;
    margin: 0 auto;
  }

  .col-lg-3, .col-md-6 {
    justify-content: center;
  }

  .member-info h4, .member-info span {
    text-align: center;
  }
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .section-title p {
  color: #1f1e1e;
}
.testimonials .testimonials-carousel, .testimonials .testimonials-slider {
  overflow: hidden;
}
.testimonials .testimonial-item {
  box-sizing: content-box;
  min-height: 320px;
}
.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: -40px 0 0 40px;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
}
.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 45px;
  color: #111;
}
.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 45px;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #e76969;
  font-size: 26px;
}
.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonials .testimonial-item p {
  font-style: italic;
  margin: 0 15px 0 15px;
  padding: 20px 20px 60px 20px;
  color: #1f1e1e;
  background: #f5c8c8;
  position: relative;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}
.testimonials .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
.testimonials .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #FFA500;
}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFA500;
}


/*--------------------------------------------------------------
# Packaging
--------------------------------------------------------------*/
/* .packaging {
  background: url('/image/briquette.jpg') center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 30px 0;
  position: relative;
}

.packaging::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.708);
  z-index: 9;
}

.packaging .container,
.packaging .container-fluid {
  position: relative;
  z-index: 10;
} */

/* .packaging .container {
  padding: 0 15px;
  overflow: visible;
} */

.packaging .member {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(63, 187, 192, 0.1);
}
.packaging .member .member-img {
  position: relative;
  overflow: hidden;
}
/* .packaging .member .member-img img {
  width: 250px;
  height: 200px;
} */
.packaging .member .member-info {
  padding: 25px 15px;
}
.packaging .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #555555;
}
.packaging .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}
.packaging .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .clients-carousel, .clients .clients-slider {
  overflow: hidden;
}
.clients .member {
  margin-bottom: 20px;
  width: 200px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  background: #f5c8c8;
  box-shadow: 0px 2px 15px rgba(63, 187, 192, 0.1);
}

.clients .member .member-img {
  position: relative;
  overflow: hidden;
}

.clients .member .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 40px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}

.clients .member .social a {
  transition: color 0.3s;
  color: #555555;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.clients .member .social a i {
  line-height: 0;
}

.clients .member .social a:hover {
  color: #FFA500;
}

.clients .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

.clients .member .member-info {
  padding: 25px 15px;
}

.clients .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #000000;
}

.clients .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #635b5b;
}

.clients .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

/*--------------------------------------------------------------
# Destinations
--------------------------------------------------------------*/
.destination {
  position: relative;
}
/* 
.destination::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.708);
  z-index: 9;
}

.destination .container,
.destination .container-fluid {
  position: relative;
  z-index: 10;
}

.destination .member {
  margin-bottom: 30px;
  width: 170px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(63, 187, 192, 0.1);
}

.destination .member .member-img h4 {
  position: relative;
  overflow: hidden;
  font-size: 15px;
}

.destination .member .social {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 30px;
  opacity: 0;
  transition: ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
}

.destination .member .social a {
  transition: color 0.3s;
  color: #555555;
  margin: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.destination .member .social a i {
  line-height: 0;
}

.destination .member .social a:hover {
  color: #3fbbc0;
}

.destination .member .social i {
  font-size: 18px;
  margin: 0 2px;
}

.destination .member .member-info {
  padding: 25px 15px;
}

.destination .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #555555;
}

.destination .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.destination .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

.destination .member:hover .social {
  opacity: 1;
} */

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery {
  overflow: hidden;
}

.gallery .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.gallery .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #3fbbc0;
}

.gallery .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #3fbbc0;
}

.gallery .swiper-slide-active {
  text-align: center;
}

@media (min-width: 992px) {
  .gallery .swiper-wrapper {
    padding: 40px 0;
  }

  .gallery .swiper-slide-active {
    border: 6px solid #3fbbc0;
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.2);
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery {
  overflow: hidden;
}

.gallery .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.gallery .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #FFA500;
}

.gallery .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFA500;
}

.gallery .swiper-slide-active {
  text-align: center;
}

@media (min-width: 992px) {
  .gallery .swiper-wrapper {
    padding: 40px 0;
  }
  .gallery .swiper-slide-active {
    border: 6px solid #FFA500;
    padding: 4px;
    background: #fff;
    z-index: 1;
    transform: scale(1.2);
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.pricing h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #777777;
  background: #f8f8f8;
}

.pricing h4 {
  font-size: 36px;
  color: #FFA500;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-bottom: 20px;
}

.pricing h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.pricing ul li {
  padding-bottom: 16px;
}

.pricing ul i {
  color: #FFA500;
  font-size: 18px;
  padding-right: 4px;
}

.pricing ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background: #f8f8f8;
  text-align: center;
}

.pricing .btn-buy {
  background: #FFA500;
  display: inline-block;
  padding: 8px 35px 10px 35px;
  border-radius: 4px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  transition: 0.3s;
}

.pricing .btn-buy:hover {
  background: #65c9cd;
}

.pricing .featured h3 {
  color: #fff;
  background: #FFA500;
}

.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #FFA500;
  color: #fff;
}

/*--------------------------------------------------------------
# Frequently Asked Questioins
--------------------------------------------------------------*/

.bg-faq {
  background: url('https://images2.imgbox.com/bb/84/n3jqBgPV_o.jpeg') center top no-repeat fixed;
  background-size: cover;
}

.faq {
  padding: 10px 0;
}

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

.faq .faq-list li {
  border-bottom: 1px solid #d9f1f2;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.faq .faq-list .collapse p {
  color: #000000;
}

.faq .faq-list .collapse ul {
  margin-top: 15px;      /* Memberi jarak dari paragraf di atasnya */
  padding-left: 20px;    /* Atur indentasi list (tidak terlalu menjorok ke dalam) */
  list-style-type: disc; /* Menetapkan jenis bullet point */
}

.faq .faq-list .collapse li {
  color: #000000;         /* Warna tulisan hitam */
  padding-left: 5px;       /* Jarak kecil antara bullet dan tulisan */
  margin-bottom: 10px;     /* Jarak antar setiap item di dalam list */
  line-height: 1.6;        /* Membuat spasi baris lebih lega dan mudah dibaca */
}

/* Opsional: Menghilangkan margin bawah pada item list terakhir agar rapi */
.faq .faq-list .collapse li:last-child {
  margin-bottom: 0;
}

.faq .faq-list .question {
  display: block;
  position: relative;
  font-family: #FFA500;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
  color: #FFA500;
  transition: 0.3s;
}

.faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -2px;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list .collapsed {
  color: black;
}

.faq .faq-list .collapsed:hover {
  color: #FFA500;
}

.faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}

.faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact-us {
  background: url('https://images2.imgbox.com/03/26/k3YnJkDp_o.jpeg') center top no-repeat fixed;
  background-size: cover;
  padding: 60px 0 30px 0;
  position: relative;
  min-height: 40px;
  margin-top: 120px;
}

.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 20px rgba(214, 215, 216, 0.5);
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #FFA500;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #c5ebec;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #FFA500;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  line-height: 24px;
  font-size: 14px;
  color: #111;
  margin: 0 15px;
  text-align: center;
}

.contact .php-email-form {
  box-shadow: 0 0 20px rgba(214, 215, 216, 0.5);
  padding: 30px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #FEA00C;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #FEA00C;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #FFA500;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type="submit"] {
  background: #FFA500;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type="submit"]:hover {
  background: #f5c8c8;
  color: #FFA500;
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .info-box, .form-group {
      margin-bottom: 20px;
  }

  .info-box h3, .form-group input, .form-group textarea {
      font-size: 14px;
  }

  .php-email-form button {
      width: 100%;
      font-size: 14px;
  }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #000000;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  /* background: #1f1e1e; */
  background-image: url("https://images2.imgbox.com/64/4b/PTL6VBAJ_o.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #FFA500;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #FFA500;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #FFA500;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff6f6;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #FFA500;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #FFA500;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #65c9cd;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
}

@media (max-width: 768px) {
  .footer-links, .footer-newsletter {
    display: none; /* Sembunyikan footer-links dan footer-newsletter */
  }

  .footer-info {
    width: 100%; /* Pastikan footer-info memenuhi seluruh lebar layar */
  }
}


/*--------------------------------------------------------------
# Parallax
--------------------------------------------------------------*/
#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 89px 1865px #FFF , 519px 31px #FFF , 664px 202px #FFF , 1761px 1369px #FFF , 1701px 1037px #FFF , 388px 1879px #FFF , 520px 1144px #FFF , 632px 452px #FFF , 188px 1980px #FFF , 1041px 110px #FFF , 983px 1950px #FFF , 1490px 1441px #FFF , 668px 61px #FFF , 665px 1844px #FFF , 613px 1207px #FFF , 1735px 840px #FFF , 1412px 1128px #FFF , 1793px 725px #FFF , 330px 1493px #FFF , 1474px 857px #FFF , 1022px 1965px #FFF , 277px 748px #FFF , 1071px 1918px #FFF , 1630px 78px #FFF , 1330px 348px #FFF , 666px 1482px #FFF , 383px 285px #FFF , 1595px 1953px #FFF , 1499px 1133px #FFF , 172px 106px #FFF , 397px 1182px #FFF , 10px 967px #FFF , 1686px 492px #FFF , 463px 1243px #FFF , 1486px 43px #FFF , 1688px 600px #FFF , 852px 1815px #FFF , 1160px 641px #FFF , 375px 537px #FFF , 606px 1047px #FFF , 534px 78px #FFF , 1424px 1840px #FFF , 730px 1968px #FFF , 530px 1864px #FFF , 1968px 1834px #FFF , 828px 1890px #FFF , 1777px 18px #FFF , 510px 1258px #FFF , 1892px 11px #FFF , 1062px 1042px #FFF , 1834px 157px #FFF , 112px 1503px #FFF , 327px 751px #FFF , 1676px 344px #FFF , 744px 1587px #FFF , 383px 1814px #FFF , 1704px 1850px #FFF , 140px 912px #FFF , 710px 638px #FFF , 72px 1572px #FFF , 653px 940px #FFF , 636px 1055px #FFF , 1785px 1786px #FFF , 157px 114px #FFF , 513px 134px #FFF , 270px 1701px #FFF , 705px 492px #FFF , 1758px 475px #FFF , 1654px 1439px #FFF , 54px 478px #FFF , 1281px 1398px #FFF , 504px 553px #FFF , 1116px 1044px #FFF , 702px 1284px #FFF , 1172px 84px #FFF , 570px 1861px #FFF , 2px 688px #FFF , 164px 1221px #FFF , 1206px 571px #FFF , 1683px 955px #FFF , 1395px 1084px #FFF , 435px 1634px #FFF , 1020px 1459px #FFF , 1139px 1985px #FFF , 484px 1632px #FFF , 1920px 716px #FFF , 286px 443px #FFF , 920px 987px #FFF , 1079px 1954px #FFF , 1308px 904px #FFF , 659px 1034px #FFF , 936px 350px #FFF , 810px 1875px #FFF , 1727px 910px #FFF , 704px 1737px #FFF , 363px 2px #FFF , 282px 995px #FFF , 1253px 1171px #FFF , 1809px 1589px #FFF , 1818px 1419px #FFF , 1264px 859px #FFF , 955px 1226px #FFF , 1279px 464px #FFF , 1936px 506px #FFF , 1757px 915px #FFF , 1971px 1349px #FFF , 1726px 1365px #FFF , 838px 285px #FFF , 347px 171px #FFF , 287px 1730px #FFF , 616px 937px #FFF , 458px 1302px #FFF , 1709px 1328px #FFF , 940px 1237px #FFF , 796px 963px #FFF , 1044px 280px #FFF , 1660px 1080px #FFF , 167px 242px #FFF , 1970px 129px #FFF , 1845px 1176px #FFF , 798px 132px #FFF , 465px 145px #FFF , 1274px 1059px #FFF , 818px 81px #FFF , 774px 844px #FFF , 497px 1661px #FFF , 1687px 936px #FFF , 1608px 802px #FFF , 483px 588px #FFF , 1246px 1551px #FFF , 1942px 414px #FFF , 1359px 860px #FFF , 728px 45px #FFF , 788px 1194px #FFF , 1366px 692px #FFF , 966px 1035px #FFF , 955px 388px #FFF , 1986px 428px #FFF , 1968px 777px #FFF , 1769px 1475px #FFF , 1983px 1884px #FFF , 930px 304px #FFF , 620px 1858px #FFF , 1004px 1574px #FFF , 963px 105px #FFF , 547px 989px #FFF , 1583px 884px #FFF , 1590px 1577px #FFF , 1219px 433px #FFF , 1429px 1932px #FFF , 196px 844px #FFF , 312px 1371px #FFF , 1352px 472px #FFF , 864px 1334px #FFF , 1382px 1197px #FFF , 942px 681px #FFF , 758px 448px #FFF , 1721px 1743px #FFF , 1103px 1628px #FFF , 1258px 1851px #FFF , 558px 1393px #FFF , 1794px 251px #FFF , 1782px 427px #FFF , 546px 1788px #FFF , 1633px 601px #FFF , 256px 940px #FFF , 1116px 1056px #FFF , 1784px 1073px #FFF , 782px 698px #FFF , 21px 1514px #FFF , 1342px 1644px #FFF , 1110px 50px #FFF , 502px 1392px #FFF , 100px 867px #FFF , 188px 1460px #FFF , 970px 1738px #FFF , 1384px 1297px #FFF , 1721px 1267px #FFF , 322px 1778px #FFF , 1790px 752px #FFF , 52px 931px #FFF , 1092px 30px #FFF , 549px 514px #FFF , 1962px 1215px #FFF , 1089px 688px #FFF , 1741px 1764px #FFF , 1787px 172px #FFF , 1236px 981px #FFF , 693px 1058px #FFF , 1492px 670px #FFF , 873px 1926px #FFF , 320px 96px #FFF , 1144px 1649px #FFF , 1921px 1865px #FFF , 1208px 478px #FFF , 1736px 87px #FFF , 350px 1841px #FFF , 1517px 58px #FFF , 1193px 811px #FFF , 965px 1262px #FFF , 519px 1775px #FFF , 196px 374px #FFF , 69px 1138px #FFF , 484px 56px #FFF , 1498px 1542px #FFF , 705px 1645px #FFF , 1691px 1242px #FFF , 1771px 1601px #FFF , 1675px 324px #FFF , 1184px 591px #FFF , 1718px 1572px #FFF , 1690px 274px #FFF , 612px 1499px #FFF , 130px 1781px #FFF , 1408px 1654px #FFF , 1794px 335px #FFF , 1762px 616px #FFF , 725px 1561px #FFF , 1579px 928px #FFF , 461px 1561px #FFF , 326px 832px #FFF , 1564px 51px #FFF , 265px 702px #FFF , 610px 978px #FFF , 895px 1648px #FFF , 1669px 820px #FFF , 12px 783px #FFF , 1134px 1467px #FFF , 1076px 46px #FFF , 1537px 249px #FFF , 1371px 1222px #FFF , 1705px 1493px #FFF , 702px 1036px #FFF , 128px 1419px #FFF , 1663px 1646px #FFF , 952px 1426px #FFF , 1302px 53px #FFF , 1598px 144px #FFF , 1882px 97px #FFF , 1248px 817px #FFF , 378px 95px #FFF , 359px 1068px #FFF , 385px 95px #FFF , 575px 1196px #FFF , 709px 895px #FFF , 66px 1757px #FFF , 471px 607px #FFF , 724px 1462px #FFF , 144px 1606px #FFF , 1497px 157px #FFF , 179px 1086px #FFF , 1542px 286px #FFF , 733px 1151px #FFF , 709px 912px #FFF , 586px 630px #FFF , 771px 838px #FFF , 422px 1110px #FFF , 336px 1767px #FFF , 891px 1384px #FFF , 1488px 1881px #FFF , 1087px 368px #FFF , 1439px 609px #FFF , 127px 1863px #FFF , 1745px 1643px #FFF , 1613px 1329px #FFF , 1265px 884px #FFF , 1992px 1828px #FFF , 1370px 1913px #FFF , 1112px 1690px #FFF , 1665px 993px #FFF , 1018px 1194px #FFF , 474px 520px #FFF , 1645px 1751px #FFF , 1231px 1690px #FFF , 1345px 918px #FFF , 376px 476px #FFF , 1949px 1122px #FFF , 1798px 1802px #FFF , 1814px 584px #FFF , 1693px 694px #FFF , 1459px 1063px #FFF , 1925px 693px #FFF , 1617px 615px #FFF , 841px 1947px #FFF , 820px 662px #FFF , 151px 439px #FFF , 1563px 1739px #FFF , 970px 1838px #FFF , 1880px 506px #FFF , 492px 232px #FFF , 392px 258px #FFF , 1792px 1042px #FFF , 1324px 392px #FFF , 1409px 1120px #FFF , 806px 1388px #FFF , 561px 975px #FFF , 91px 737px #FFF , 1528px 202px #FFF , 766px 1298px #FFF , 16px 1095px #FFF , 987px 1811px #FFF , 264px 568px #FFF , 1239px 1358px #FFF , 1356px 1778px #FFF , 773px 1769px #FFF , 56px 610px #FFF , 1555px 1096px #FFF , 209px 1983px #FFF , 841px 1167px #FFF , 1281px 756px #FFF , 1209px 1636px #FFF , 1486px 1816px #FFF , 1910px 1430px #FFF , 397px 671px #FFF , 91px 1710px #FFF , 1972px 1262px #FFF , 941px 595px #FFF , 97px 1815px #FFF , 152px 857px #FFF , 1959px 650px #FFF , 724px 941px #FFF , 100px 36px #FFF , 235px 1023px #FFF , 1229px 379px #FFF , 870px 951px #FFF , 476px 1442px #FFF , 1244px 1376px #FFF , 379px 1119px #FFF , 659px 341px #FFF , 641px 1668px #FFF , 1798px 50px #FFF , 1937px 112px #FFF , 1422px 519px #FFF , 480px 1459px #FFF , 579px 667px #FFF , 1614px 385px #FFF , 352px 123px #FFF , 1380px 1423px #FFF , 114px 411px #FFF , 84px 1766px #FFF , 1385px 1956px #FFF , 616px 1743px #FFF , 240px 390px #FFF , 548px 833px #FFF , 1614px 300px #FFF , 704px 105px #FFF , 1922px 1725px #FFF , 287px 312px #FFF , 1605px 1345px #FFF , 638px 485px #FFF , 1679px 1601px #FFF , 740px 1014px #FFF , 257px 1675px #FFF , 1735px 488px #FFF , 86px 1037px #FFF , 319px 1617px #FFF , 1213px 25px #FFF , 838px 506px #FFF , 926px 140px #FFF , 385px 1340px #FFF , 1658px 1335px #FFF , 1456px 529px #FFF , 1365px 642px #FFF , 1911px 1413px #FFF , 1117px 367px #FFF , 579px 60px #FFF , 273px 1722px #FFF , 766px 1293px #FFF , 1228px 1421px #FFF , 439px 310px #FFF , 1594px 134px #FFF , 1812px 1151px #FFF , 968px 1749px #FFF , 452px 966px #FFF , 474px 452px #FFF , 161px 256px #FFF , 935px 581px #FFF , 1227px 1092px #FFF , 1423px 382px #FFF , 1691px 840px #FFF , 1536px 348px #FFF , 815px 1913px #FFF , 257px 1477px #FFF , 500px 1655px #FFF , 328px 1349px #FFF , 1661px 707px #FFF , 996px 486px #FFF , 153px 1724px #FFF , 1899px 1669px #FFF , 1396px 739px #FFF , 1859px 774px #FFF , 383px 1639px #FFF , 855px 639px #FFF , 542px 744px #FFF , 1371px 342px #FFF , 1452px 545px #FFF , 870px 530px #FFF , 687px 567px #FFF , 1291px 1688px #FFF , 609px 454px #FFF , 1820px 968px #FFF , 1188px 1230px #FFF , 604px 915px #FFF , 930px 1886px #FFF , 1093px 972px #FFF , 1896px 1913px #FFF , 715px 878px #FFF , 1125px 1256px #FFF , 481px 1514px #FFF , 947px 1567px #FFF , 1265px 1913px #FFF , 1066px 655px #FFF , 338px 1523px #FFF , 1873px 1006px #FFF , 103px 252px #FFF , 975px 1717px #FFF , 984px 1939px #FFF , 415px 391px #FFF , 552px 207px #FFF , 575px 1914px #FFF , 949px 1408px #FFF , 1131px 1953px #FFF , 1964px 298px #FFF , 228px 818px #FFF , 1633px 546px #FFF , 1060px 1544px #FFF , 1045px 1489px #FFF , 1686px 64px #FFF , 559px 100px #FFF , 555px 6px #FFF , 793px 1882px #FFF , 1686px 831px #FFF , 1628px 375px #FFF , 1828px 477px #FFF , 782px 1569px #FFF , 1095px 641px #FFF , 1688px 1229px #FFF , 491px 448px #FFF , 1281px 488px #FFF , 104px 428px #FFF , 67px 1126px #FFF , 1984px 1156px #FFF , 319px 567px #FFF , 914px 252px #FFF , 1974px 676px #FFF , 1303px 484px #FFF , 1644px 1337px #FFF , 20px 1626px #FFF , 84px 1935px #FFF , 1050px 172px #FFF , 1862px 1308px #FFF , 590px 1424px #FFF , 246px 973px #FFF , 1808px 167px #FFF , 474px 1102px #FFF , 666px 1929px #FFF , 1084px 1542px #FFF , 493px 1754px #FFF , 889px 1714px #FFF , 819px 1369px #FFF , 367px 1753px #FFF , 194px 1540px #FFF , 1744px 1374px #FFF , 641px 1322px #FFF , 362px 1626px #FFF , 618px 1945px #FFF , 985px 1719px #FFF , 432px 561px #FFF , 264px 413px #FFF , 108px 190px #FFF , 1082px 1810px #FFF , 84px 767px #FFF , 507px 368px #FFF , 1644px 372px #FFF , 767px 611px #FFF , 493px 671px #FFF , 1028px 763px #FFF , 511px 1558px #FFF , 22px 94px #FFF , 775px 177px #FFF , 481px 11px #FFF , 1823px 1467px #FFF , 1871px 1320px #FFF , 1190px 688px #FFF , 238px 737px #FFF , 1428px 1117px #FFF , 662px 514px #FFF , 1624px 1464px #FFF , 933px 1583px #FFF , 1967px 1528px #FFF , 1293px 1959px #FFF , 1120px 346px #FFF , 1490px 981px #FFF , 1567px 821px #FFF , 504px 1496px #FFF , 1459px 433px #FFF , 1254px 1487px #FFF , 144px 314px #FFF , 886px 1174px #FFF , 283px 1117px #FFF , 1893px 1831px #FFF , 1058px 1395px #FFF , 1675px 665px #FFF , 413px 592px #FFF , 1941px 2000px #FFF , 1919px 121px #FFF , 486px 702px #FFF , 1063px 1614px #FFF , 1732px 468px #FFF , 1432px 1598px #FFF , 853px 77px #FFF , 272px 643px #FFF , 531px 161px #FFF , 476px 346px #FFF , 1229px 916px #FFF , 1142px 166px #FFF , 1707px 244px #FFF , 1787px 1582px #FFF , 1690px 519px #FFF , 1192px 775px #FFF , 934px 245px #FFF , 1733px 413px #FFF , 1325px 1387px #FFF , 1998px 1503px #FFF , 1958px 1290px #FFF , 212px 709px #FFF , 936px 1537px #FFF , 1589px 945px #FFF , 364px 1750px #FFF , 1253px 287px #FFF , 295px 875px #FFF , 512px 836px #FFF , 1354px 361px #FFF , 215px 1430px #FFF , 865px 429px #FFF , 258px 1233px #FFF , 160px 676px #FFF , 1596px 1085px #FFF , 1870px 702px #FFF , 1929px 257px #FFF , 1638px 335px #FFF , 668px 19px #FFF , 3px 313px #FFF , 1876px 793px #FFF , 302px 284px #FFF , 1288px 1366px #FFF , 1531px 1585px #FFF , 324px 1561px #FFF , 1436px 471px #FFF , 273px 1492px #FFF , 1631px 359px #FFF , 220px 244px #FFF , 147px 352px #FFF , 215px 1798px #FFF , 1335px 446px #FFF , 817px 481px #FFF , 122px 1823px #FFF , 1980px 1308px #FFF , 1251px 1323px #FFF , 1221px 1028px #FFF , 1603px 1036px #FFF , 74px 1532px #FFF , 1794px 1223px #FFF , 627px 478px #FFF , 1603px 78px #FFF , 355px 4px #FFF , 905px 1688px #FFF , 1338px 1774px #FFF , 1615px 1937px #FFF , 1022px 390px #FFF , 433px 150px #FFF , 699px 1030px #FFF , 1912px 933px #FFF , 572px 788px #FFF , 1076px 272px #FFF , 1353px 139px #FFF , 1975px 1266px #FFF , 719px 882px #FFF , 1472px 11px #FFF , 1484px 1115px #FFF , 23px 57px #FFF , 1488px 1490px #FFF , 1260px 117px #FFF , 199px 516px #FFF , 655px 921px #FFF , 1143px 455px #FFF , 1223px 1426px #FFF , 1826px 1604px #FFF , 1729px 1060px #FFF , 526px 388px #FFF , 1830px 1292px #FFF , 1983px 737px #FFF , 365px 514px #FFF , 1522px 1395px #FFF , 369px 1792px #FFF , 644px 1736px #FFF , 1880px 1174px #FFF , 980px 81px #FFF , 781px 1153px #FFF , 1583px 436px #FFF , 252px 565px #FFF , 1908px 583px #FFF , 271px 1659px #FFF , 115px 110px #FFF , 1697px 579px #FFF , 83px 331px #FFF , 1924px 460px #FFF , 1047px 1136px #FFF , 936px 332px #FFF , 1308px 1170px #FFF , 1914px 1980px #FFF , 1220px 691px #FFF , 1362px 1681px #FFF , 579px 1797px #FFF , 986px 916px #FFF , 1994px 1718px #FFF , 28px 1063px #FFF , 1389px 1601px #FFF , 1532px 1495px #FFF , 1426px 1316px #FFF , 195px 1325px #FFF , 1237px 1268px #FFF , 1696px 1115px #FFF , 477px 693px #FFF , 1058px 836px #FFF , 396px 1107px #FFF , 919px 213px #FFF , 685px 396px #FFF , 4px 914px #FFF , 1269px 101px #FFF , 1575px 1853px #FFF , 234px 1848px #FFF , 1501px 252px #FFF , 703px 649px #FFF , 1925px 963px #FFF , 195px 176px #FFF , 17px 261px #FFF , 162px 722px #FFF , 1079px 1647px #FFF , 221px 679px #FFF , 1614px 1712px #FFF , 213px 749px #FFF , 1510px 521px #FFF , 511px 761px #FFF , 88px 536px #FFF , 514px 1826px #FFF , 1235px 1245px #FFF , 1730px 1389px #FFF , 341px 1926px #FFF , 1055px 851px #FFF , 1075px 1969px #FFF , 1315px 1409px #FFF , 958px 44px #FFF , 1144px 394px #FFF , 1607px 1461px #FFF , 982px 852px #FFF , 1251px 1326px #FFF , 18px 676px #FFF , 1656px 340px #FFF , 1388px 1647px #FFF , 369px 357px #FFF , 741px 1683px #FFF , 1598px 861px #FFF , 1156px 920px #FFF , 790px 1143px #FFF , 60px 1587px #FFF , 1307px 1118px #FFF , 622px 855px #FFF , 85px 329px #FFF , 582px 1009px #FFF , 645px 1062px #FFF , 189px 910px #FFF , 1420px 363px #FFF , 1079px 884px #FFF , 678px 1532px #FFF , 1643px 721px #FFF , 918px 1180px #FFF , 619px 268px #FFF , 1219px 1007px #FFF , 1932px 1983px #FFF , 969px 1254px #FFF , 420px 837px #FFF , 431px 356px #FFF , 681px 1897px #FFF , 1488px 311px #FFF , 722px 274px #FFF , 612px 1684px #FFF , 220px 1869px #FFF , 731px 1740px #FFF , 128px 191px #FFF , 226px 844px #FFF , 1168px 14px #FFF , 1710px 688px #FFF , 408px 147px #FFF , 273px 1517px #FFF , 1984px 49px #FFF , 176px 976px #FFF , 1867px 1951px #FFF , 490px 1149px #FFF , 1279px 812px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 89px 1865px #FFF , 519px 31px #FFF , 664px 202px #FFF , 1761px 1369px #FFF , 1701px 1037px #FFF , 388px 1879px #FFF , 520px 1144px #FFF , 632px 452px #FFF , 188px 1980px #FFF , 1041px 110px #FFF , 983px 1950px #FFF , 1490px 1441px #FFF , 668px 61px #FFF , 665px 1844px #FFF , 613px 1207px #FFF , 1735px 840px #FFF , 1412px 1128px #FFF , 1793px 725px #FFF , 330px 1493px #FFF , 1474px 857px #FFF , 1022px 1965px #FFF , 277px 748px #FFF , 1071px 1918px #FFF , 1630px 78px #FFF , 1330px 348px #FFF , 666px 1482px #FFF , 383px 285px #FFF , 1595px 1953px #FFF , 1499px 1133px #FFF , 172px 106px #FFF , 397px 1182px #FFF , 10px 967px #FFF , 1686px 492px #FFF , 463px 1243px #FFF , 1486px 43px #FFF , 1688px 600px #FFF , 852px 1815px #FFF , 1160px 641px #FFF , 375px 537px #FFF , 606px 1047px #FFF , 534px 78px #FFF , 1424px 1840px #FFF , 730px 1968px #FFF , 530px 1864px #FFF , 1968px 1834px #FFF , 828px 1890px #FFF , 1777px 18px #FFF , 510px 1258px #FFF , 1892px 11px #FFF , 1062px 1042px #FFF , 1834px 157px #FFF , 112px 1503px #FFF , 327px 751px #FFF , 1676px 344px #FFF , 744px 1587px #FFF , 383px 1814px #FFF , 1704px 1850px #FFF , 140px 912px #FFF , 710px 638px #FFF , 72px 1572px #FFF , 653px 940px #FFF , 636px 1055px #FFF , 1785px 1786px #FFF , 157px 114px #FFF , 513px 134px #FFF , 270px 1701px #FFF , 705px 492px #FFF , 1758px 475px #FFF , 1654px 1439px #FFF , 54px 478px #FFF , 1281px 1398px #FFF , 504px 553px #FFF , 1116px 1044px #FFF , 702px 1284px #FFF , 1172px 84px #FFF , 570px 1861px #FFF , 2px 688px #FFF , 164px 1221px #FFF , 1206px 571px #FFF , 1683px 955px #FFF , 1395px 1084px #FFF , 435px 1634px #FFF , 1020px 1459px #FFF , 1139px 1985px #FFF , 484px 1632px #FFF , 1920px 716px #FFF , 286px 443px #FFF , 920px 987px #FFF , 1079px 1954px #FFF , 1308px 904px #FFF , 659px 1034px #FFF , 936px 350px #FFF , 810px 1875px #FFF , 1727px 910px #FFF , 704px 1737px #FFF , 363px 2px #FFF , 282px 995px #FFF , 1253px 1171px #FFF , 1809px 1589px #FFF , 1818px 1419px #FFF , 1264px 859px #FFF , 955px 1226px #FFF , 1279px 464px #FFF , 1936px 506px #FFF , 1757px 915px #FFF , 1971px 1349px #FFF , 1726px 1365px #FFF , 838px 285px #FFF , 347px 171px #FFF , 287px 1730px #FFF , 616px 937px #FFF , 458px 1302px #FFF , 1709px 1328px #FFF , 940px 1237px #FFF , 796px 963px #FFF , 1044px 280px #FFF , 1660px 1080px #FFF , 167px 242px #FFF , 1970px 129px #FFF , 1845px 1176px #FFF , 798px 132px #FFF , 465px 145px #FFF , 1274px 1059px #FFF , 818px 81px #FFF , 774px 844px #FFF , 497px 1661px #FFF , 1687px 936px #FFF , 1608px 802px #FFF , 483px 588px #FFF , 1246px 1551px #FFF , 1942px 414px #FFF , 1359px 860px #FFF , 728px 45px #FFF , 788px 1194px #FFF , 1366px 692px #FFF , 966px 1035px #FFF , 955px 388px #FFF , 1986px 428px #FFF , 1968px 777px #FFF , 1769px 1475px #FFF , 1983px 1884px #FFF , 930px 304px #FFF , 620px 1858px #FFF , 1004px 1574px #FFF , 963px 105px #FFF , 547px 989px #FFF , 1583px 884px #FFF , 1590px 1577px #FFF , 1219px 433px #FFF , 1429px 1932px #FFF , 196px 844px #FFF , 312px 1371px #FFF , 1352px 472px #FFF , 864px 1334px #FFF , 1382px 1197px #FFF , 942px 681px #FFF , 758px 448px #FFF , 1721px 1743px #FFF , 1103px 1628px #FFF , 1258px 1851px #FFF , 558px 1393px #FFF , 1794px 251px #FFF , 1782px 427px #FFF , 546px 1788px #FFF , 1633px 601px #FFF , 256px 940px #FFF , 1116px 1056px #FFF , 1784px 1073px #FFF , 782px 698px #FFF , 21px 1514px #FFF , 1342px 1644px #FFF , 1110px 50px #FFF , 502px 1392px #FFF , 100px 867px #FFF , 188px 1460px #FFF , 970px 1738px #FFF , 1384px 1297px #FFF , 1721px 1267px #FFF , 322px 1778px #FFF , 1790px 752px #FFF , 52px 931px #FFF , 1092px 30px #FFF , 549px 514px #FFF , 1962px 1215px #FFF , 1089px 688px #FFF , 1741px 1764px #FFF , 1787px 172px #FFF , 1236px 981px #FFF , 693px 1058px #FFF , 1492px 670px #FFF , 873px 1926px #FFF , 320px 96px #FFF , 1144px 1649px #FFF , 1921px 1865px #FFF , 1208px 478px #FFF , 1736px 87px #FFF , 350px 1841px #FFF , 1517px 58px #FFF , 1193px 811px #FFF , 965px 1262px #FFF , 519px 1775px #FFF , 196px 374px #FFF , 69px 1138px #FFF , 484px 56px #FFF , 1498px 1542px #FFF , 705px 1645px #FFF , 1691px 1242px #FFF , 1771px 1601px #FFF , 1675px 324px #FFF , 1184px 591px #FFF , 1718px 1572px #FFF , 1690px 274px #FFF , 612px 1499px #FFF , 130px 1781px #FFF , 1408px 1654px #FFF , 1794px 335px #FFF , 1762px 616px #FFF , 725px 1561px #FFF , 1579px 928px #FFF , 461px 1561px #FFF , 326px 832px #FFF , 1564px 51px #FFF , 265px 702px #FFF , 610px 978px #FFF , 895px 1648px #FFF , 1669px 820px #FFF , 12px 783px #FFF , 1134px 1467px #FFF , 1076px 46px #FFF , 1537px 249px #FFF , 1371px 1222px #FFF , 1705px 1493px #FFF , 702px 1036px #FFF , 128px 1419px #FFF , 1663px 1646px #FFF , 952px 1426px #FFF , 1302px 53px #FFF , 1598px 144px #FFF , 1882px 97px #FFF , 1248px 817px #FFF , 378px 95px #FFF , 359px 1068px #FFF , 385px 95px #FFF , 575px 1196px #FFF , 709px 895px #FFF , 66px 1757px #FFF , 471px 607px #FFF , 724px 1462px #FFF , 144px 1606px #FFF , 1497px 157px #FFF , 179px 1086px #FFF , 1542px 286px #FFF , 733px 1151px #FFF , 709px 912px #FFF , 586px 630px #FFF , 771px 838px #FFF , 422px 1110px #FFF , 336px 1767px #FFF , 891px 1384px #FFF , 1488px 1881px #FFF , 1087px 368px #FFF , 1439px 609px #FFF , 127px 1863px #FFF , 1745px 1643px #FFF , 1613px 1329px #FFF , 1265px 884px #FFF , 1992px 1828px #FFF , 1370px 1913px #FFF , 1112px 1690px #FFF , 1665px 993px #FFF , 1018px 1194px #FFF , 474px 520px #FFF , 1645px 1751px #FFF , 1231px 1690px #FFF , 1345px 918px #FFF , 376px 476px #FFF , 1949px 1122px #FFF , 1798px 1802px #FFF , 1814px 584px #FFF , 1693px 694px #FFF , 1459px 1063px #FFF , 1925px 693px #FFF , 1617px 615px #FFF , 841px 1947px #FFF , 820px 662px #FFF , 151px 439px #FFF , 1563px 1739px #FFF , 970px 1838px #FFF , 1880px 506px #FFF , 492px 232px #FFF , 392px 258px #FFF , 1792px 1042px #FFF , 1324px 392px #FFF , 1409px 1120px #FFF , 806px 1388px #FFF , 561px 975px #FFF , 91px 737px #FFF , 1528px 202px #FFF , 766px 1298px #FFF , 16px 1095px #FFF , 987px 1811px #FFF , 264px 568px #FFF , 1239px 1358px #FFF , 1356px 1778px #FFF , 773px 1769px #FFF , 56px 610px #FFF , 1555px 1096px #FFF , 209px 1983px #FFF , 841px 1167px #FFF , 1281px 756px #FFF , 1209px 1636px #FFF , 1486px 1816px #FFF , 1910px 1430px #FFF , 397px 671px #FFF , 91px 1710px #FFF , 1972px 1262px #FFF , 941px 595px #FFF , 97px 1815px #FFF , 152px 857px #FFF , 1959px 650px #FFF , 724px 941px #FFF , 100px 36px #FFF , 235px 1023px #FFF , 1229px 379px #FFF , 870px 951px #FFF , 476px 1442px #FFF , 1244px 1376px #FFF , 379px 1119px #FFF , 659px 341px #FFF , 641px 1668px #FFF , 1798px 50px #FFF , 1937px 112px #FFF , 1422px 519px #FFF , 480px 1459px #FFF , 579px 667px #FFF , 1614px 385px #FFF , 352px 123px #FFF , 1380px 1423px #FFF , 114px 411px #FFF , 84px 1766px #FFF , 1385px 1956px #FFF , 616px 1743px #FFF , 240px 390px #FFF , 548px 833px #FFF , 1614px 300px #FFF , 704px 105px #FFF , 1922px 1725px #FFF , 287px 312px #FFF , 1605px 1345px #FFF , 638px 485px #FFF , 1679px 1601px #FFF , 740px 1014px #FFF , 257px 1675px #FFF , 1735px 488px #FFF , 86px 1037px #FFF , 319px 1617px #FFF , 1213px 25px #FFF , 838px 506px #FFF , 926px 140px #FFF , 385px 1340px #FFF , 1658px 1335px #FFF , 1456px 529px #FFF , 1365px 642px #FFF , 1911px 1413px #FFF , 1117px 367px #FFF , 579px 60px #FFF , 273px 1722px #FFF , 766px 1293px #FFF , 1228px 1421px #FFF , 439px 310px #FFF , 1594px 134px #FFF , 1812px 1151px #FFF , 968px 1749px #FFF , 452px 966px #FFF , 474px 452px #FFF , 161px 256px #FFF , 935px 581px #FFF , 1227px 1092px #FFF , 1423px 382px #FFF , 1691px 840px #FFF , 1536px 348px #FFF , 815px 1913px #FFF , 257px 1477px #FFF , 500px 1655px #FFF , 328px 1349px #FFF , 1661px 707px #FFF , 996px 486px #FFF , 153px 1724px #FFF , 1899px 1669px #FFF , 1396px 739px #FFF , 1859px 774px #FFF , 383px 1639px #FFF , 855px 639px #FFF , 542px 744px #FFF , 1371px 342px #FFF , 1452px 545px #FFF , 870px 530px #FFF , 687px 567px #FFF , 1291px 1688px #FFF , 609px 454px #FFF , 1820px 968px #FFF , 1188px 1230px #FFF , 604px 915px #FFF , 930px 1886px #FFF , 1093px 972px #FFF , 1896px 1913px #FFF , 715px 878px #FFF , 1125px 1256px #FFF , 481px 1514px #FFF , 947px 1567px #FFF , 1265px 1913px #FFF , 1066px 655px #FFF , 338px 1523px #FFF , 1873px 1006px #FFF , 103px 252px #FFF , 975px 1717px #FFF , 984px 1939px #FFF , 415px 391px #FFF , 552px 207px #FFF , 575px 1914px #FFF , 949px 1408px #FFF , 1131px 1953px #FFF , 1964px 298px #FFF , 228px 818px #FFF , 1633px 546px #FFF , 1060px 1544px #FFF , 1045px 1489px #FFF , 1686px 64px #FFF , 559px 100px #FFF , 555px 6px #FFF , 793px 1882px #FFF , 1686px 831px #FFF , 1628px 375px #FFF , 1828px 477px #FFF , 782px 1569px #FFF , 1095px 641px #FFF , 1688px 1229px #FFF , 491px 448px #FFF , 1281px 488px #FFF , 104px 428px #FFF , 67px 1126px #FFF , 1984px 1156px #FFF , 319px 567px #FFF , 914px 252px #FFF , 1974px 676px #FFF , 1303px 484px #FFF , 1644px 1337px #FFF , 20px 1626px #FFF , 84px 1935px #FFF , 1050px 172px #FFF , 1862px 1308px #FFF , 590px 1424px #FFF , 246px 973px #FFF , 1808px 167px #FFF , 474px 1102px #FFF , 666px 1929px #FFF , 1084px 1542px #FFF , 493px 1754px #FFF , 889px 1714px #FFF , 819px 1369px #FFF , 367px 1753px #FFF , 194px 1540px #FFF , 1744px 1374px #FFF , 641px 1322px #FFF , 362px 1626px #FFF , 618px 1945px #FFF , 985px 1719px #FFF , 432px 561px #FFF , 264px 413px #FFF , 108px 190px #FFF , 1082px 1810px #FFF , 84px 767px #FFF , 507px 368px #FFF , 1644px 372px #FFF , 767px 611px #FFF , 493px 671px #FFF , 1028px 763px #FFF , 511px 1558px #FFF , 22px 94px #FFF , 775px 177px #FFF , 481px 11px #FFF , 1823px 1467px #FFF , 1871px 1320px #FFF , 1190px 688px #FFF , 238px 737px #FFF , 1428px 1117px #FFF , 662px 514px #FFF , 1624px 1464px #FFF , 933px 1583px #FFF , 1967px 1528px #FFF , 1293px 1959px #FFF , 1120px 346px #FFF , 1490px 981px #FFF , 1567px 821px #FFF , 504px 1496px #FFF , 1459px 433px #FFF , 1254px 1487px #FFF , 144px 314px #FFF , 886px 1174px #FFF , 283px 1117px #FFF , 1893px 1831px #FFF , 1058px 1395px #FFF , 1675px 665px #FFF , 413px 592px #FFF , 1941px 2000px #FFF , 1919px 121px #FFF , 486px 702px #FFF , 1063px 1614px #FFF , 1732px 468px #FFF , 1432px 1598px #FFF , 853px 77px #FFF , 272px 643px #FFF , 531px 161px #FFF , 476px 346px #FFF , 1229px 916px #FFF , 1142px 166px #FFF , 1707px 244px #FFF , 1787px 1582px #FFF , 1690px 519px #FFF , 1192px 775px #FFF , 934px 245px #FFF , 1733px 413px #FFF , 1325px 1387px #FFF , 1998px 1503px #FFF , 1958px 1290px #FFF , 212px 709px #FFF , 936px 1537px #FFF , 1589px 945px #FFF , 364px 1750px #FFF , 1253px 287px #FFF , 295px 875px #FFF , 512px 836px #FFF , 1354px 361px #FFF , 215px 1430px #FFF , 865px 429px #FFF , 258px 1233px #FFF , 160px 676px #FFF , 1596px 1085px #FFF , 1870px 702px #FFF , 1929px 257px #FFF , 1638px 335px #FFF , 668px 19px #FFF , 3px 313px #FFF , 1876px 793px #FFF , 302px 284px #FFF , 1288px 1366px #FFF , 1531px 1585px #FFF , 324px 1561px #FFF , 1436px 471px #FFF , 273px 1492px #FFF , 1631px 359px #FFF , 220px 244px #FFF , 147px 352px #FFF , 215px 1798px #FFF , 1335px 446px #FFF , 817px 481px #FFF , 122px 1823px #FFF , 1980px 1308px #FFF , 1251px 1323px #FFF , 1221px 1028px #FFF , 1603px 1036px #FFF , 74px 1532px #FFF , 1794px 1223px #FFF , 627px 478px #FFF , 1603px 78px #FFF , 355px 4px #FFF , 905px 1688px #FFF , 1338px 1774px #FFF , 1615px 1937px #FFF , 1022px 390px #FFF , 433px 150px #FFF , 699px 1030px #FFF , 1912px 933px #FFF , 572px 788px #FFF , 1076px 272px #FFF , 1353px 139px #FFF , 1975px 1266px #FFF , 719px 882px #FFF , 1472px 11px #FFF , 1484px 1115px #FFF , 23px 57px #FFF , 1488px 1490px #FFF , 1260px 117px #FFF , 199px 516px #FFF , 655px 921px #FFF , 1143px 455px #FFF , 1223px 1426px #FFF , 1826px 1604px #FFF , 1729px 1060px #FFF , 526px 388px #FFF , 1830px 1292px #FFF , 1983px 737px #FFF , 365px 514px #FFF , 1522px 1395px #FFF , 369px 1792px #FFF , 644px 1736px #FFF , 1880px 1174px #FFF , 980px 81px #FFF , 781px 1153px #FFF , 1583px 436px #FFF , 252px 565px #FFF , 1908px 583px #FFF , 271px 1659px #FFF , 115px 110px #FFF , 1697px 579px #FFF , 83px 331px #FFF , 1924px 460px #FFF , 1047px 1136px #FFF , 936px 332px #FFF , 1308px 1170px #FFF , 1914px 1980px #FFF , 1220px 691px #FFF , 1362px 1681px #FFF , 579px 1797px #FFF , 986px 916px #FFF , 1994px 1718px #FFF , 28px 1063px #FFF , 1389px 1601px #FFF , 1532px 1495px #FFF , 1426px 1316px #FFF , 195px 1325px #FFF , 1237px 1268px #FFF , 1696px 1115px #FFF , 477px 693px #FFF , 1058px 836px #FFF , 396px 1107px #FFF , 919px 213px #FFF , 685px 396px #FFF , 4px 914px #FFF , 1269px 101px #FFF , 1575px 1853px #FFF , 234px 1848px #FFF , 1501px 252px #FFF , 703px 649px #FFF , 1925px 963px #FFF , 195px 176px #FFF , 17px 261px #FFF , 162px 722px #FFF , 1079px 1647px #FFF , 221px 679px #FFF , 1614px 1712px #FFF , 213px 749px #FFF , 1510px 521px #FFF , 511px 761px #FFF , 88px 536px #FFF , 514px 1826px #FFF , 1235px 1245px #FFF , 1730px 1389px #FFF , 341px 1926px #FFF , 1055px 851px #FFF , 1075px 1969px #FFF , 1315px 1409px #FFF , 958px 44px #FFF , 1144px 394px #FFF , 1607px 1461px #FFF , 982px 852px #FFF , 1251px 1326px #FFF , 18px 676px #FFF , 1656px 340px #FFF , 1388px 1647px #FFF , 369px 357px #FFF , 741px 1683px #FFF , 1598px 861px #FFF , 1156px 920px #FFF , 790px 1143px #FFF , 60px 1587px #FFF , 1307px 1118px #FFF , 622px 855px #FFF , 85px 329px #FFF , 582px 1009px #FFF , 645px 1062px #FFF , 189px 910px #FFF , 1420px 363px #FFF , 1079px 884px #FFF , 678px 1532px #FFF , 1643px 721px #FFF , 918px 1180px #FFF , 619px 268px #FFF , 1219px 1007px #FFF , 1932px 1983px #FFF , 969px 1254px #FFF , 420px 837px #FFF , 431px 356px #FFF , 681px 1897px #FFF , 1488px 311px #FFF , 722px 274px #FFF , 612px 1684px #FFF , 220px 1869px #FFF , 731px 1740px #FFF , 128px 191px #FFF , 226px 844px #FFF , 1168px 14px #FFF , 1710px 688px #FFF , 408px 147px #FFF , 273px 1517px #FFF , 1984px 49px #FFF , 176px 976px #FFF , 1867px 1951px #FFF , 490px 1149px #FFF , 1279px 812px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 311px 1033px #FFF , 1175px 183px #FFF , 1106px 1412px #FFF , 1401px 903px #FFF , 750px 1927px #FFF , 935px 140px #FFF , 1238px 1658px #FFF , 1217px 724px #FFF , 1716px 1342px #FFF , 1483px 722px #FFF , 1434px 381px #FFF , 594px 907px #FFF , 1333px 649px #FFF , 244px 567px #FFF , 482px 616px #FFF , 156px 1318px #FFF , 445px 1079px #FFF , 271px 546px #FFF , 431px 1226px #FFF , 1377px 1516px #FFF , 494px 259px #FFF , 561px 1551px #FFF , 178px 1923px #FFF , 1424px 100px #FFF , 1170px 124px #FFF , 716px 1607px #FFF , 1935px 1897px #FFF , 460px 1691px #FFF , 735px 1853px #FFF , 1946px 1948px #FFF , 947px 1224px #FFF , 190px 775px #FFF , 810px 19px #FFF , 114px 426px #FFF , 1840px 703px #FFF , 979px 750px #FFF , 1781px 515px #FFF , 738px 1330px #FFF , 1729px 1488px #FFF , 1308px 1153px #FFF , 870px 1473px #FFF , 278px 1421px #FFF , 1464px 1110px #FFF , 15px 1158px #FFF , 699px 1143px #FFF , 1758px 1339px #FFF , 85px 273px #FFF , 1422px 1752px #FFF , 72px 1252px #FFF , 1401px 815px #FFF , 1189px 700px #FFF , 77px 1181px #FFF , 1001px 1542px #FFF , 1832px 983px #FFF , 794px 83px #FFF , 751px 1240px #FFF , 37px 1308px #FFF , 502px 137px #FFF , 1220px 290px #FFF , 1804px 511px #FFF , 1099px 184px #FFF , 1063px 1782px #FFF , 1532px 471px #FFF , 291px 961px #FFF , 1068px 47px #FFF , 1422px 1892px #FFF , 459px 857px #FFF , 1140px 1473px #FFF , 823px 536px #FFF , 175px 642px #FFF , 929px 1815px #FFF , 1151px 462px #FFF , 375px 524px #FFF , 1047px 720px #FFF , 1813px 1343px #FFF , 549px 1526px #FFF , 914px 1305px #FFF , 1934px 1238px #FFF , 1631px 1402px #FFF , 1040px 831px #FFF , 160px 1170px #FFF , 325px 621px #FFF , 722px 57px #FFF , 1086px 200px #FFF , 1982px 1629px #FFF , 1770px 1264px #FFF , 1121px 1759px #FFF , 1199px 718px #FFF , 527px 1660px #FFF , 32px 1523px #FFF , 1532px 480px #FFF , 1136px 1969px #FFF , 1635px 417px #FFF , 446px 1694px #FFF , 175px 1486px #FFF , 1698px 793px #FFF , 1003px 1537px #FFF , 477px 1459px #FFF , 560px 188px #FFF , 1418px 1772px #FFF , 1635px 1359px #FFF , 1515px 1697px #FFF , 1038px 328px #FFF , 1924px 691px #FFF , 1979px 784px #FFF , 726px 1839px #FFF , 1174px 1886px #FFF , 1595px 1142px #FFF , 1082px 1962px #FFF , 229px 1412px #FFF , 656px 1287px #FFF , 1280px 821px #FFF , 108px 887px #FFF , 1501px 913px #FFF , 753px 496px #FFF , 1047px 1216px #FFF , 1291px 1380px #FFF , 1882px 1675px #FFF , 611px 582px #FFF , 1582px 749px #FFF , 1061px 1543px #FFF , 1622px 440px #FFF , 1842px 547px #FFF , 1926px 1735px #FFF , 645px 1075px #FFF , 1527px 1137px #FFF , 1694px 1509px #FFF , 1757px 1814px #FFF , 1061px 293px #FFF , 1523px 1097px #FFF , 196px 905px #FFF , 1855px 1922px #FFF , 137px 102px #FFF , 290px 101px #FFF , 1017px 931px #FFF , 107px 40px #FFF , 1989px 1272px #FFF , 1774px 39px #FFF , 1968px 929px #FFF , 1739px 1599px #FFF , 608px 1932px #FFF , 819px 516px #FFF , 768px 1451px #FFF , 1102px 1367px #FFF , 283px 1519px #FFF , 1424px 115px #FFF , 1194px 1728px #FFF , 1000px 408px #FFF , 325px 379px #FFF , 636px 1596px #FFF , 1822px 1625px #FFF , 457px 718px #FFF , 466px 1298px #FFF , 1759px 1321px #FFF , 67px 1035px #FFF , 1245px 1439px #FFF , 1656px 714px #FFF , 1340px 1045px #FFF , 719px 1439px #FFF , 1579px 1534px #FFF , 1084px 1043px #FFF , 1484px 519px #FFF , 1586px 528px #FFF , 109px 275px #FFF , 407px 600px #FFF , 534px 488px #FFF , 991px 384px #FFF , 1700px 794px #FFF , 256px 908px #FFF , 371px 822px #FFF , 1482px 777px #FFF , 1018px 1240px #FFF , 1075px 1015px #FFF , 1861px 608px #FFF , 1990px 1670px #FFF , 681px 1406px #FFF , 437px 931px #FFF , 1022px 1841px #FFF , 1487px 24px #FFF , 1171px 11px #FFF , 9px 772px #FFF , 1379px 1712px #FFF , 507px 1060px #FFF , 1722px 673px #FFF , 684px 1406px #FFF , 1295px 1675px #FFF , 1204px 1329px #FFF , 205px 39px #FFF , 1583px 919px #FFF , 827px 1775px #FFF , 1280px 1876px #FFF , 660px 1709px #FFF , 391px 500px #FFF , 1849px 1554px #FFF , 783px 1714px #FFF , 1153px 677px #FFF , 58px 330px #FFF , 275px 1543px #FFF , 954px 392px #FFF , 195px 1533px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 311px 1033px #FFF , 1175px 183px #FFF , 1106px 1412px #FFF , 1401px 903px #FFF , 750px 1927px #FFF , 935px 140px #FFF , 1238px 1658px #FFF , 1217px 724px #FFF , 1716px 1342px #FFF , 1483px 722px #FFF , 1434px 381px #FFF , 594px 907px #FFF , 1333px 649px #FFF , 244px 567px #FFF , 482px 616px #FFF , 156px 1318px #FFF , 445px 1079px #FFF , 271px 546px #FFF , 431px 1226px #FFF , 1377px 1516px #FFF , 494px 259px #FFF , 561px 1551px #FFF , 178px 1923px #FFF , 1424px 100px #FFF , 1170px 124px #FFF , 716px 1607px #FFF , 1935px 1897px #FFF , 460px 1691px #FFF , 735px 1853px #FFF , 1946px 1948px #FFF , 947px 1224px #FFF , 190px 775px #FFF , 810px 19px #FFF , 114px 426px #FFF , 1840px 703px #FFF , 979px 750px #FFF , 1781px 515px #FFF , 738px 1330px #FFF , 1729px 1488px #FFF , 1308px 1153px #FFF , 870px 1473px #FFF , 278px 1421px #FFF , 1464px 1110px #FFF , 15px 1158px #FFF , 699px 1143px #FFF , 1758px 1339px #FFF , 85px 273px #FFF , 1422px 1752px #FFF , 72px 1252px #FFF , 1401px 815px #FFF , 1189px 700px #FFF , 77px 1181px #FFF , 1001px 1542px #FFF , 1832px 983px #FFF , 794px 83px #FFF , 751px 1240px #FFF , 37px 1308px #FFF , 502px 137px #FFF , 1220px 290px #FFF , 1804px 511px #FFF , 1099px 184px #FFF , 1063px 1782px #FFF , 1532px 471px #FFF , 291px 961px #FFF , 1068px 47px #FFF , 1422px 1892px #FFF , 459px 857px #FFF , 1140px 1473px #FFF , 823px 536px #FFF , 175px 642px #FFF , 929px 1815px #FFF , 1151px 462px #FFF , 375px 524px #FFF , 1047px 720px #FFF , 1813px 1343px #FFF , 549px 1526px #FFF , 914px 1305px #FFF , 1934px 1238px #FFF , 1631px 1402px #FFF , 1040px 831px #FFF , 160px 1170px #FFF , 325px 621px #FFF , 722px 57px #FFF , 1086px 200px #FFF , 1982px 1629px #FFF , 1770px 1264px #FFF , 1121px 1759px #FFF , 1199px 718px #FFF , 527px 1660px #FFF , 32px 1523px #FFF , 1532px 480px #FFF , 1136px 1969px #FFF , 1635px 417px #FFF , 446px 1694px #FFF , 175px 1486px #FFF , 1698px 793px #FFF , 1003px 1537px #FFF , 477px 1459px #FFF , 560px 188px #FFF , 1418px 1772px #FFF , 1635px 1359px #FFF , 1515px 1697px #FFF , 1038px 328px #FFF , 1924px 691px #FFF , 1979px 784px #FFF , 726px 1839px #FFF , 1174px 1886px #FFF , 1595px 1142px #FFF , 1082px 1962px #FFF , 229px 1412px #FFF , 656px 1287px #FFF , 1280px 821px #FFF , 108px 887px #FFF , 1501px 913px #FFF , 753px 496px #FFF , 1047px 1216px #FFF , 1291px 1380px #FFF , 1882px 1675px #FFF , 611px 582px #FFF , 1582px 749px #FFF , 1061px 1543px #FFF , 1622px 440px #FFF , 1842px 547px #FFF , 1926px 1735px #FFF , 645px 1075px #FFF , 1527px 1137px #FFF , 1694px 1509px #FFF , 1757px 1814px #FFF , 1061px 293px #FFF , 1523px 1097px #FFF , 196px 905px #FFF , 1855px 1922px #FFF , 137px 102px #FFF , 290px 101px #FFF , 1017px 931px #FFF , 107px 40px #FFF , 1989px 1272px #FFF , 1774px 39px #FFF , 1968px 929px #FFF , 1739px 1599px #FFF , 608px 1932px #FFF , 819px 516px #FFF , 768px 1451px #FFF , 1102px 1367px #FFF , 283px 1519px #FFF , 1424px 115px #FFF , 1194px 1728px #FFF , 1000px 408px #FFF , 325px 379px #FFF , 636px 1596px #FFF , 1822px 1625px #FFF , 457px 718px #FFF , 466px 1298px #FFF , 1759px 1321px #FFF , 67px 1035px #FFF , 1245px 1439px #FFF , 1656px 714px #FFF , 1340px 1045px #FFF , 719px 1439px #FFF , 1579px 1534px #FFF , 1084px 1043px #FFF , 1484px 519px #FFF , 1586px 528px #FFF , 109px 275px #FFF , 407px 600px #FFF , 534px 488px #FFF , 991px 384px #FFF , 1700px 794px #FFF , 256px 908px #FFF , 371px 822px #FFF , 1482px 777px #FFF , 1018px 1240px #FFF , 1075px 1015px #FFF , 1861px 608px #FFF , 1990px 1670px #FFF , 681px 1406px #FFF , 437px 931px #FFF , 1022px 1841px #FFF , 1487px 24px #FFF , 1171px 11px #FFF , 9px 772px #FFF , 1379px 1712px #FFF , 507px 1060px #FFF , 1722px 673px #FFF , 684px 1406px #FFF , 1295px 1675px #FFF , 1204px 1329px #FFF , 205px 39px #FFF , 1583px 919px #FFF , 827px 1775px #FFF , 1280px 1876px #FFF , 660px 1709px #FFF , 391px 500px #FFF , 1849px 1554px #FFF , 783px 1714px #FFF , 1153px 677px #FFF , 58px 330px #FFF , 275px 1543px #FFF , 954px 392px #FFF , 195px 1533px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 624px 298px #FFF , 1376px 1967px #FFF , 1161px 550px #FFF , 1249px 902px #FFF , 417px 1211px #FFF , 642px 1072px #FFF , 438px 749px #FFF , 722px 404px #FFF , 1418px 1896px #FFF , 1634px 44px #FFF , 1770px 1870px #FFF , 529px 1164px #FFF , 1372px 1118px #FFF , 1527px 886px #FFF , 1064px 1475px #FFF , 1687px 171px #FFF , 1923px 1612px #FFF , 504px 333px #FFF , 1822px 1558px #FFF , 295px 555px #FFF , 1745px 747px #FFF , 545px 1570px #FFF , 37px 823px #FFF , 1215px 90px #FFF , 145px 1456px #FFF , 966px 244px #FFF , 1704px 664px #FFF , 943px 1636px #FFF , 771px 1111px #FFF , 849px 833px #FFF , 1968px 871px #FFF , 318px 1988px #FFF , 446px 1560px #FFF , 187px 1543px #FFF , 774px 1874px #FFF , 1547px 39px #FFF , 1576px 822px #FFF , 639px 519px #FFF , 245px 859px #FFF , 991px 933px #FFF , 1170px 705px #FFF , 897px 1744px #FFF , 718px 1574px #FFF , 928px 965px #FFF , 441px 1643px #FFF , 1480px 1364px #FFF , 93px 409px #FFF , 1675px 1880px #FFF , 1036px 1322px #FFF , 1655px 1094px #FFF , 1490px 1204px #FFF , 1820px 1416px #FFF , 478px 1092px #FFF , 803px 1625px #FFF , 1027px 124px #FFF , 442px 1604px #FFF , 1882px 913px #FFF , 1924px 854px #FFF , 887px 1123px #FFF , 253px 1707px #FFF , 1119px 361px #FFF , 1491px 93px #FFF , 547px 1060px #FFF , 318px 837px #FFF , 1218px 1035px #FFF , 1720px 476px #FFF , 701px 866px #FFF , 226px 1475px #FFF , 31px 1513px #FFF , 781px 1291px #FFF , 69px 1888px #FFF , 162px 1366px #FFF , 377px 1747px #FFF , 1873px 1717px #FFF , 1397px 1343px #FFF , 1923px 1286px #FFF , 1365px 780px #FFF , 535px 1191px #FFF , 1723px 1972px #FFF , 1016px 1549px #FFF , 1866px 1600px #FFF , 1601px 180px #FFF , 6px 959px #FFF , 797px 1386px #FFF , 1851px 1900px #FFF , 1561px 1794px #FFF , 346px 202px #FFF , 645px 1972px #FFF , 1982px 783px #FFF , 48px 875px #FFF , 279px 498px #FFF , 1255px 306px #FFF , 438px 1498px #FFF , 457px 475px #FFF , 1275px 1266px #FFF , 1896px 1761px #FFF , 596px 1935px #FFF , 892px 1050px #FFF , 1824px 1217px #FFF , 1127px 1074px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 624px 298px #FFF , 1376px 1967px #FFF , 1161px 550px #FFF , 1249px 902px #FFF , 417px 1211px #FFF , 642px 1072px #FFF , 438px 749px #FFF , 722px 404px #FFF , 1418px 1896px #FFF , 1634px 44px #FFF , 1770px 1870px #FFF , 529px 1164px #FFF , 1372px 1118px #FFF , 1527px 886px #FFF , 1064px 1475px #FFF , 1687px 171px #FFF , 1923px 1612px #FFF , 504px 333px #FFF , 1822px 1558px #FFF , 295px 555px #FFF , 1745px 747px #FFF , 545px 1570px #FFF , 37px 823px #FFF , 1215px 90px #FFF , 145px 1456px #FFF , 966px 244px #FFF , 1704px 664px #FFF , 943px 1636px #FFF , 771px 1111px #FFF , 849px 833px #FFF , 1968px 871px #FFF , 318px 1988px #FFF , 446px 1560px #FFF , 187px 1543px #FFF , 774px 1874px #FFF , 1547px 39px #FFF , 1576px 822px #FFF , 639px 519px #FFF , 245px 859px #FFF , 991px 933px #FFF , 1170px 705px #FFF , 897px 1744px #FFF , 718px 1574px #FFF , 928px 965px #FFF , 441px 1643px #FFF , 1480px 1364px #FFF , 93px 409px #FFF , 1675px 1880px #FFF , 1036px 1322px #FFF , 1655px 1094px #FFF , 1490px 1204px #FFF , 1820px 1416px #FFF , 478px 1092px #FFF , 803px 1625px #FFF , 1027px 124px #FFF , 442px 1604px #FFF , 1882px 913px #FFF , 1924px 854px #FFF , 887px 1123px #FFF , 253px 1707px #FFF , 1119px 361px #FFF , 1491px 93px #FFF , 547px 1060px #FFF , 318px 837px #FFF , 1218px 1035px #FFF , 1720px 476px #FFF , 701px 866px #FFF , 226px 1475px #FFF , 31px 1513px #FFF , 781px 1291px #FFF , 69px 1888px #FFF , 162px 1366px #FFF , 377px 1747px #FFF , 1873px 1717px #FFF , 1397px 1343px #FFF , 1923px 1286px #FFF , 1365px 780px #FFF , 535px 1191px #FFF , 1723px 1972px #FFF , 1016px 1549px #FFF , 1866px 1600px #FFF , 1601px 180px #FFF , 6px 959px #FFF , 797px 1386px #FFF , 1851px 1900px #FFF , 1561px 1794px #FFF , 346px 202px #FFF , 645px 1972px #FFF , 1982px 783px #FFF , 48px 875px #FFF , 279px 498px #FFF , 1255px 306px #FFF , 438px 1498px #FFF , 457px 475px #FFF , 1275px 1266px #FFF , 1896px 1761px #FFF , 596px 1935px #FFF , 892px 1050px #FFF , 1824px 1217px #FFF , 1127px 1074px #FFF;
}

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