@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis/Metropolis-Regular.woff2') format('woff2'),
        url('../fonts/Metropolis/Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis/Metropolis-Light.woff2') format('woff2'),
        url('../fonts/Metropolis/Metropolis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis/Metropolis-SemiBold.woff2') format('woff2'),
        url('../fonts/Metropolis/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/Metropolis/Metropolis-Bold.woff2') format('woff2'),
        url('../fonts/Metropolis/Metropolis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
  --white-color:                  #ffffff;
  --primary-color:                #0b1761;
  --secondary-color:              #2c368d;
  --section-bg-color:             #f0f8ff;
  --site-footer-bg-color:         #44525d;
  --custom-btn-bg-color:          #597081;
  --custom-btn-bg-hover-color:    #0b1761;
  --dark-color:                   #000000;
  --p-color:                      #717275;
  --border-color:                 #e9eaeb;

  --body-font-family:             'Almarai', sans-serif;

  --h1-font-size:                 52px;
  --h2-font-size:                 46px;
  --h3-font-size:                 32px;
  --h4-font-size:                 28px;
  --h5-font-size:                 24px;
  --h6-font-size:                 22px;
  --p-font-size:                  16px;
  --btn-font-size:                18px;
  --copyright-font-size:          14px;

  --border-radius-large:          100px;
  --border-radius-medium:         20px;
  --border-radius-small:          10px;

  --font-weight-light:            300;
  --font-weight-normal:           400;
  --font-weight-semibold:         600;
  --font-weight-bold:             700;
}

body {
  background-color: var(--white-color);
  font-family: var(--body-font-family); 
  direction: rtl;
}


/*---------------------------------------
  TYPOGRAPHY               
-----------------------------------------*/

h2,
h3,
h4,
h5,
h6 {
  color: var(--primary-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-semibold);
  letter-spacing: -1px;
}

h1 {
  font-size: var(--h1-font-size);
  font-weight: var(--font-weight-bold);
  letter-spacing: -2px;
}

h2 {
  color: var(--secondary-color);
  font-size: var(--h2-font-size);
  letter-spacing: -2px;
}

h3 {
  font-size: var(--h3-font-size);
}

h4 {
  font-size: var(--h4-font-size);
}

h5 {
  color: var(--primary-color);
  font-size: var(--h5-font-size);
}

h6 {
  font-size: var(--h6-font-size);
}

p {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-light);
}

ul li {
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-normal);
}

a, 
button {
  touch-action: manipulation;
  transition: all 0.3s;
}

a {
  color: var(--p-color);
  text-decoration: none;
}

a:hover {
  color: var(--primary-color);
}

b,
strong {
  font-weight: var(--font-weight-bold);
}


/*---------------------------------------
  SECTION               
-----------------------------------------*/
.section-padding {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-bg {
  background-color: var(--section-bg-color);
}

.section-overlay {
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.section-overlay + .container {
  position: relative;
}


/*---------------------------------------
  CUSTOM BLOCK               
-----------------------------------------*/
.custom-block-wrap {
  background: var(--white-color);
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}

.custom-block-wrap:hover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}

.custom-block-body {
  padding: 10px ;
}

.custom-block-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.custom-block .custom-btn {
  border-radius: 0;
  display: block;
}


/*---------------------------------------
  PROGRESS BAR               
-----------------------------------------*/
.progress {
  background: var(--border-color);
  height: 5px;
}

.progress-bar {
  background: var(--secondary-color);
}


/*---------------------------------------
  CUSTOM ICON COLOR               
-----------------------------------------*/
.custom-icon {
  color: var(--secondary-color);
}


/*---------------------------------------
  CUSTOM LIST               
-----------------------------------------*/
.custom-list {
  margin-bottom: 0;
  padding-right: 0;
}

.custom-list-item {
  list-style: none;
  margin-top: 10px;
  margin-bottom: 10px;
}


/*---------------------------------------
  CUSTOM TEXT BOX               
-----------------------------------------*/
.custom-text-box {
  background: var(--white-color);
  border-radius: var(--border-radius-medium);
  margin-bottom: 24px;
  padding: 40px;
}

.custom-text-box-image {
  border-radius: var(--border-radius-medium);
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

.custom-text-box-icon {
  background: var(--section-bg-color);
  border-radius: var(--border-radius-large);
  color: var(--secondary-color);
  font-size: var(--h6-font-size);
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  line-height: 30px;
}

.custom-text-box h2::before {
  
}


/*---------------------------------------
  AVATAR IMAGE - TESTIMONIAL, AUTHOR               
-----------------------------------------*/
.avatar-image {
  border-radius: var(--border-radius-large);
  width: 65px;
  height: 65px;
  object-fit: cover;
}


/*---------------------------------------
  CUSTOM BUTTON               
-----------------------------------------*/
.custom-btn {
  background: var(--secondary-color);
  border: 2px solid transparent;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--btn-font-size);
  font-weight: var(--font-weight-normal);
  line-height: normal;
  padding: 15px 25px;
}

.navbar-expand-lg .navbar-nav .nav-link.custom-btn {
  color: var(--custom-btn-bg-color);
  margin-top: 8px;
  padding: 12px 25px;
}

.custom-btn:hover {
  background: var(--primary-color);
  color: var(--white-color);
}

.custom-border-btn {
  background: transparent;
  border: 2px solid var(--custom-btn-bg-color);
  color: var(--primary-color);
}

.navbar-expand-lg .navbar-nav .nav-link.custom-btn:hover,
.custom-border-btn:hover {
  background: var(--custom-btn-bg-hover-color);
  border-color: transparent;
  color: var(--white-color);
}


/*---------------------------------------
  NAVIGATION              
-----------------------------------------*/
.navbar {
  background: var(--white-color);
  z-index: 9;
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand {
  color: var(--primary-color);
  font-size: var(--h6-font-size);
  font-weight: var(--font-weight-bold);
}

.navbar-brand span {
  display: inline-block;
  vertical-align: middle;
}

.navbar-brand small {
  color: var(--secondary-color);
  display: block;
  font-size: 10px;
  line-height: normal;
  text-transform: uppercase;
}

.logo {
  width: 250px;
  height: auto;
}

.navbar-expand-lg .navbar-nav .nav-link {
  margin-right: 0;
  margin-left: 0;
  padding: 20px;
}

.navbar-nav .nav-link {
  display: inline-block;
  color: var(--p-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-semibold);
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link:hover {
  background: transparent;
  color: var(--primary-color);
}

.dropdown-menu {
  background: var(--white-color);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  border: 0;
  max-width: 400px;
  padding: 0;
  margin-top: 20px;
}

.dropdown-item {
  display: inline-block;
  color: var(--p-bg-color);
  font-size: var(--menu-font-size);
  font-weight: var(--font-weight-medium);
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: right;
}

.dropdown-menu li:last-child .dropdown-item {
  padding-top: 0;
}

.dropdown-item.active, 
.dropdown-item:active,
.dropdown-item:focus, 
.dropdown-item:hover {
  background: transparent;
  color: var(--primary-color);
}

.dropdown-toggle::after {
  content: "\f282";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: var(--copyright-font-size);
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  left: 2px;
  border: 0;
}

@media screen and (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

.navbar-toggler {
  border: 0;
  padding: 0;
  cursor: pointer;
  margin: 0;
  width: 30px;
  height: 35px;
  outline: none;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background: transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transition: top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  transition: top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
  top: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(-45deg);
}

.navbar-toggler .navbar-toggler-icon {
  background: var(--dark-color);
  transition: background 10ms 300ms ease;
  display: block;
  width: 30px;
  height: 2px;
  position: relative;
}

.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after {
  transition: top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  transition: top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
  position: absolute;
  right: 0;
  left: 0;
  background: var(--dark-color);
  width: 30px;
  height: 2px;
  content: '';
}

.navbar-toggler .navbar-toggler-icon::before {
  top: -8px;
}

.navbar-toggler .navbar-toggler-icon::after {
  top: 8px;
}


/*---------------------------------------
  SITE HEADER              
-----------------------------------------*/
.site-header {
  background: var(--primary-color);
  padding-top: 15px;
  padding-bottom: 10px;
}

.site-header p,
.site-header p a,
.site-header .social-icon-link {
  color: var(--white-color);
  font-size: var(--copyright-font-size);
}

.site-header .social-icon {
  text-align: left;
}

.site-header .social-icon-link {
  background: transparent;
  width: inherit;
  height: inherit;
  line-height: inherit;
  margin-right: 15px;
}


/*---------------------------------------
  HERO & HERO SLIDE         
-----------------------------------------*/
.hero-section-full-height {
  height: 680px;
  min-height: 680px;
  position: relative;
}

.carousel:hover .carousel-control-next-icon, 
.carousel:hover .carousel-control-prev-icon {
  opacity: 1;
}

#hero-slide .carousel-item {
  height: 680px;
  min-height: 680px;
}

#hero-slide .carousel-caption {
  background: var(--white-color);
  /* clip-path: polygon(100% 100%, 100% 150px, 0 100%); */
  clip-path: polygon(100% 100%, 0 150px, 0 100%);
  color: var(--secondary-color);
  top: 1px;
  bottom: -1px;
  left: 0;
  right: auto;
  text-align: right;
  width: auto;
  /* min-width: 680px; */
  min-height: 680px;
  padding: 100px 120px 50px 135px;
}

.carousel-image {
  display: block;
  width: 100%;
  min-height: 680px;
}

#hero-slide .carousel-indicators-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

#hero-slide .carousel-indicators {
  margin-right: 0;
  margin-left: 22px;
  justify-content: inherit;
}

.carousel-control-next, 
.carousel-control-prev {
  opacity: 1;
}

.carousel-control-next-icon, 
.carousel-control-prev-icon {
  background-color: var(--secondary-color);
  border-radius: var(--border-radius-large);
  background-size: 60% 60%;
  width: 80px;
  height: 80px;
  opacity: 0;
  transition: all 0.5s;
}

.carousel-control-next-icon:hover, 
.carousel-control-prev-icon:hover {
  background-color: var(--primary-color);
}


/*---------------------------------------
  FEATURE BLOCK              
-----------------------------------------*/
.featured-block {
  text-align: center;
  transition: all 0.5s ease;
  min-height: 256px;
  padding: 15px;
}

.featured-block:hover {
  background: var(--white-color);
  border-radius: var(--border-radius-medium);
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}

.featured-block:hover .featured-block-image {
  transform: scale(0.75);
}

.featured-block-image {
  display: block;
  margin: auto;
  transition: all 0.5s;
}

.featured-block:hover .featured-block-text {
  margin-top: 0;
}

.featured-block-text {
  color: var(--primary-color);
  font-size: var(--h5-font-size);
  margin-top: 20px;
  transition: all 0.5s;
}


/*---------------------------------------
  ABOUT              
-----------------------------------------*/
.about-section {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.about-image {
  border-radius: var(--border-radius-medium);
  display: block;
  width: 350px;
  height: 400px;
  object-fit: cover;
}

.custom-text-block {
  padding: 60px 40px;
}


/*---------------------------------------
  COUNTER NUMBERS              
-----------------------------------------*/
.counter-thumb {
  margin: 20px;
  margin-bottom: 0;
}

.counter-number,
.counter-text {
  color: var(--secondary-color);
  display: block;
}

.counter-number,
.counter-number-text {
  color: var(--primary-color);
  font-size: var(--h1-font-size);
  font-weight: var(--font-weight-bold);
  line-height: normal;
}


/*---------------------------------------
  VOLUNTEER              
-----------------------------------------*/
.volunteer-section {
  background: var(--secondary-color);
  position: relative;
  overflow: hidden;
}

.volunteer-section::after {
  content: "";
  background: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  bottom: -110px;
  left: -80px;
  width: 350px;
  height: 350px;
}

.volunteer-form {
  background: var(--white-color);
  border-radius: var(--border-radius-medium);
  padding: 50px;
}

.volunteer-image {
  border-radius: 100%;
  display: block;
  margin: auto;
  width: 300px;
  height: 300px;
  object-fit: cover;
}

.volunteer-section .custom-block-body {
  max-width: 440px;
  margin: 0 auto;
}

.volunteer-section .custom-block-body p {
  line-height: 1.7;
}
.custom-block-body h6{
  font-size: 20px;
}


/*---------------------------------------
  DONATE              
-----------------------------------------*/
.donate-section {
  background-image: url('../images/different-people-doing-volunteer-work.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
}

.donate-form {
  background: var(--white-color);
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
  padding: 50px;
}


/*---------------------------------------
  NEWS         
-----------------------------------------*/
.news-detail-header-section {
  background-image: url('../images/slide/2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  padding-top: 150px;
  padding-bottom: 150px;
}

.news-block-top {
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
}

.news-block-two-col-image-wrap {
  border-radius: var(--border-radius-small);
  position: relative;
  overflow: hidden;
  width: 150px;
  margin-right: 20px;
}

.news-category-block {
  background: var(--secondary-color);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px 20px;
}

.news-category-block .category-block-link {
  color: var(--white-color);
  margin-right: 10px;
}

.news-block-info {
  padding-top: 10px;
  padding-bottom: 10px;
}

.news-block-title-link {
  color: var(--dark-color);
}

.news-detail-image {
  display: block;
  border-radius: var(--border-radius-medium);
}

blockquote {
  background: var(--section-bg-color);
  border-radius: var(--border-radius-small);
  font-size: var(--h5-font-size);
  font-weight: var(--font-weight-semibold);
  color: var(--site-footer-bg-color);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 90px 50px 50px 50px;
  text-align: center;
}

blockquote::before {
  content: "“";
  color: var(--custom-btn-bg-color);
  font-size: 100px;
  line-height: 1rem;
  display: block;
}

.author-comment-link {
  font-size: var(--copyright-font-size);
  font-weight: var(--font-weight-semibold);
}

.search-form {
  margin-top: 20px;
}

.category-block,
.subscribe-form {
  margin-top: 40px;
  margin-bottom: 40px;
}

.category-block-link {
  font-size: var(--copyright-font-size);
  margin-top: 5px;
  margin-bottom: 5px;
}

.category-block-link:hover {
  color: var(--primary-color);
}

.badge {
  background: var(--secondary-color);
  border-radius: var(--border-radius-medium);
  font-weight: var(--font-weight-normal);
  line-height: normal;
  padding-bottom: 2px;
}

.tags-block-link {
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-medium);
  display: inline-block;
  font-size: var(--copyright-font-size);
  line-height: normal;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 8px 15px;
}

.tags-block-link:hover {
  border-color: var(--dark-color);
  color: var(--dark-color);
}

.cta-section {
  position: relative;
  overflow: hidden;
}

.cta-section::before {
  content: "";
  background-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: -100px;
  left: -30px;
  margin: auto;
  width: 200px;
  height: 200px;
}

.cta-section::after {
  content: "";
  border: 20px solid var(--custom-btn-bg-color);
  border-radius: 50%;
  position: absolute;
  bottom: -100px;
  right: 0;
  left: 0;
  margin: auto;
  width: 150px;
  height: 150px;
}


/*---------------------------------------
  TESTIMONIAL CAROUSEL              
-----------------------------------------*/
.testimonial-section {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.testimonial-section::before {
  content: "";
  background-color: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  top: -100px;
  left: -30px;
  margin: auto;
  width: 250px;
  height: 250px;
}

.testimonial-section::after {
  content: "";
  background: var(--custom-btn-bg-color);
  border-radius: 50%;
  position: absolute;
  bottom: -110px;
  right: -80px;
  width: 350px;
  height: 350px;
}

#testimonial-carousel .carousel-caption {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
}

#testimonial-carousel .carousel-title {
  background: var(--section-bg-color);
  line-height: normal;
  margin-bottom: 30px;
}

#testimonial-carousel .carousel-title::before {
  content: open-quote;
  color: var(--p-color);
  font-size: var(--h1-font-size);
  position: relative;
  top: 10px;
  right: 10px;
}

#testimonial-carousel .carousel-title::after {
  content: close-quote;
  color: var(--p-color);
  font-size: var(--h1-font-size);
  position: relative;
  top: 10px;
  left: 10px;
}

#testimonial-carousel .carousel-title {
  quotes: "“" "”" "‘" "’";
}

#testimonial-carousel .carousel-name {
  background: var(--primary-color);
  border-radius: var(--border-radius-medium);
  position: relative;
  overflow: hidden;
  padding: 10px 20px;
}

#testimonial-carousel .carousel-name::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--primary-color);
}

.carousel-name-title {
  font-weight: var(--font-weight-semibold);
}

#testimonial-carousel .carousel-indicators {
  position: relative;
  top: 150px;
  bottom: auto;
  margin-top: 50px;
  margin-bottom: 150px;
}

#testimonial-carousel .carousel-indicators li {
  text-indent: inherit;
  background: transparent;
  margin: 0 10px; 
}

#testimonial-carousel .carousel-indicators li,
#testimonial-carousel .carousel-indicators li::before {
  width: 45px;
  height: 45px; 
}

#testimonial-carousel .carousel-indicators .avatar-image {
  width: 45px;
  height: 45px; 
}

#testimonial-carousel .carousel-indicators .active,
#testimonial-carousel .carousel-indicators .active .avatar-image {
  background: transparent;
  width: 50px; 
  height: 50px;
}


/*---------------------------------------
  CONTACT               
-----------------------------------------*/
.contact-section {
  background: var(--white-color);
}

.contact-form {
  background: var(--section-bg-color);
  border-radius: var(--border-radius-small);
  padding: 40px;
}

.contact-info-wrap {
  padding-top: 40px;
}

.contact-image-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: 100%;
}


/*---------------------------------------
  CUSTOM FORM               
-----------------------------------------*/
.custom-form .form-control,
.input-group-file {
  background-color: var(--section-bg-color);
  box-shadow: none;
  border: 0;
  color: var(--p-color);
  margin-bottom: 24px;
  padding-top: 13px;
  padding-bottom: 13px;
  outline: none;
}

.custom-form .form-control:hover,
.custom-form .form-control:focus {
  border-color: var(--secondary-color);
}

.custom-form label {
  margin-bottom: 10px;
}

.custom-form .form-check-group {
  margin-bottom: 20px;
}

.donate-form .form-check-group-donation-frequency {
  padding-right: 0;
}

.form-check-group-donation-frequency + .form-check-group-donation-frequency {
  padding-right: 12px;
  padding-left: 0;
}

.form-check-group-donation-frequency .form-check-label {
  font-weight: var(--font-weight-semibold);
}

#DonationFrequencyOne {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#DonationFrequencyMonthly {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-form .form-check-radio {
  position: relative;
  height: 100%;
  padding-left: 0;
}

.custom-form .input-group-text {
  background: var(--secondary-color);
  border: 0;
  color: var(--white-color);
}

.custom-form .form-check-radio .form-check-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.form-check-radio .form-check-input[type=radio] {
  background-color: var(--section-bg-color);
  border-radius: .25rem;
  border: 0;
  box-shadow: none;
  outline: none;
  width: 100%;
  margin-top: 0;
  margin-left: 0;
  padding: 25px 50px;
  transition: all 0.5s;
}

.form-check-radio .form-check-input:checked[type=radio] {
  background-image: none;
}

.form-check-radio .form-check-input:checked[type=radio] + .form-check-label,
.form-check-radio .form-check-input:hover + .form-check-label,
.form-check-radio .form-check-input:checked + .form-check-label {
  color: var(--white-color);
}

.form-check-radio .form-check-input:hover,
.form-check-radio .form-check-input:checked {
  background-color: var(--secondary-color);
  border-color: var(--white-color);
}

.input-group-file {
  border-radius: .25rem;
  padding: 13px .75rem;
}

.input-group-file input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  padding: 0;
}

.input-group-file .input-group-text {
  background: transparent;
  color: inherit;
  margin-bottom: 0;
  padding: 0;
}

.custom-form button[type="submit"] {
  background: var(--custom-btn-bg-color);
  border: none;
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--p-font-size);
  font-weight: var(--font-weight-semibold);
  transition: all 0.3s;
  margin-bottom: 0;
}

.custom-form button[type="submit"]:hover,
.custom-form button[type="submit"]:focus {
  background: var(--custom-btn-bg-hover-color);
  border-color: transparent;
}


/*---------------------------------------
  CONTACT SEARCH & DONATE & SUBCRIBE FORM              
-----------------------------------------*/
.contact-form .form-control {
  background: var(--white-color);
}

.search-form {
  position: relative;
}

.search-form .form-control {
  padding-right: 50px;
}

.search-form button[type="submit"] {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  color: var(--p-color);
  width: 50px;
  padding: 12px;
}

.search-form button[type="submit"]:hover {
  background: transparent;
  color: var(--dark-color);
}

.subscribe-form {
  background: var(--section-bg-color);
  border-radius: var(--border-radius-small);
  padding: 30px;
}

.subscribe-form .form-control {
  background: var(--white-color);
}

.donate-form .form-control {
  margin-bottom: 0;
}


/*---------------------------------------
  SITE FOOTER              
-----------------------------------------*/
.site-footer {
  /* background-color: var(--site-footer-bg-color); */
  padding-top: 70px;
  background-image: url(../images/foot-bg.jpg);
}
.site-footer-title {
  color: #fff;
}

.site-footer-bottom {
  background-color: var(--secondary-color);
  position: relative;
  z-index: 2;
  margin-top: 70px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.site-footer-bottom a {
	color: var(--white-color);
}

.site-footer-bottom a:hover {
	color: #FF6;
}

.site-footer-link {
  color: var(--white-color);
}

.copyright-text {
  color: var(--section-bg-color);
  font-size: var(--copyright-font-size);
  margin-right: 30px;
}

.site-footer .custom-btn {
  font-size: var(--copyright-font-size);
}

.site-footer .custom-btn:hover {
  background: var(--primary-color);
}


/*---------------------------------------
  FOOTER MENU               
-----------------------------------------*/
.footer-menu {
  /* column-count: 2; */
  margin: 0;
  padding: 0;
}

.footer-menu-item {
  list-style: none;
  display: block;
}

.footer-menu-link {
  font-size: var(--p-font-size);
  color: var(--white-color);
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 5px;
}


/*---------------------------------------
  SOCIAL ICON               
-----------------------------------------*/
.social-icon {
  margin: 0;
  padding: 0;
}

.social-icon-item {
  list-style: none;
  display: inline-block;
  vertical-align: top;
}

.social-icon-link {
  background: var(--site-footer-bg-color);
  border-radius: var(--border-radius-large);
  color: var(--white-color);
  font-size: var(--copyright-font-size);
  display: block;
  margin-right: 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 38px;
}

.social-icon-link:hover {
  background: var(--primary-color);
  color: var(--white-color);
}


/*---------------------------------------
  RESPONSIVE STYLES               
-----------------------------------------*/
@media screen and (min-width: 1600px) {
  .featured-block {
    min-height: inherit;
  }

  .volunteer-section::after {
    width: 450px;
    height: 450px;
  }
  
  .volunteer-image {
    width: 350px;
    height: 350px;
  }
}

@media screen and (max-width: 1170px) {
  #hero-slide .carousel-image {
    height: 100%;
    object-fit: cover;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  .section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .hero-form {
    padding-bottom: 40px;
  }

  .donate-form {
    padding: 35px;
  }

  .navbar {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .navbar-expand-lg .navbar-nav {
    padding-bottom: 30px;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding: 8px 20px;
  }
  
  .dropdown:hover .dropdown-menu {
    display: block;
    position: relative;
    margin-top: 5px;
    margin-bottom: 20px;
    left: 20px;
  }

  .site-header .social-icon {
    text-align: left;
    margin-top: 5px;
  }

  .hero-section-full-height {
    height: inherit;
  }

  .carousel:hover .carousel-control-next-icon, 
  .carousel:hover .carousel-control-prev-icon {
    opacity: 1;
  }

  #hero-slide .carousel-item {
    height: inherit;
  }

  .carousel-control-prev {
    left: 12px;
  }

  .carousel-control-next {
    right: 12px;
  }

  .carousel-control-next-icon, 
  .carousel-control-prev-icon {
    opacity: 1;
    width: 60px;
    height: 60px;
  }

  .news-detail-header-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .cta-section::before {
    width: 150px;
    height: 150px;
  }

  .cta-section::after {
    bottom: -60px;
    width: 100px;
    height: 100px;
  }

  .cta-section .row {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .volunteer-section::after {
    width: 300px;
    height: 300px;
  }

  .testimonial-section::before {
    width: 150px;
    height: 150px;
  }

  .testimonial-section::after {
    width: 200px;
    height: 200px;
  }

  #testimonial-carousel .carousel-caption {
    padding-top: 0;
  }

  blockquote {
    padding: 70px 30px 30px 30px;
  }

  .about-image {
    width: inherit;
    height: 450px;
  }

  .volunteer-image {
    width: 250px;
    height: 250px;
    margin: 0;
  }

  .custom-text-block {
    padding: 20px 0 0 0;
  }

  .custom-text-box,
  .volunteer-form {
    padding: 30px;
  }

  .counter-number, 
  .counter-number-text {
    font-size: var(--h2-font-size);
  }

  .contact-info-wrap {
    padding-top: 0;
  }

  .site-footer {
    padding-top: 50px;
  }

  .copyright-text-wrap {
    justify-content: center;
  }

  .site-footer-bottom {
    text-align: center;
    margin-top: 50px;
  }

  .site-footer-bottom .footer-menu {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 580px) {
  .hero-section-full-height,
  #hero-slide .carousel-item,
  .carousel-image {
    min-height: 520px;
  }

  #hero-slide .carousel-caption {
    clip-path: polygon(100% 100%, 100% 100px, 0 100%);
    padding-left: 50px;
    min-width: inherit;
    min-height: inherit;
  }
}

@media screen and (max-width: 480px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 20px;
  }

  #hero-slide .carousel-caption {
    min-width: inherit;
    padding-bottom: 30px;
  }

  .carousel-control-next-icon, 
  .carousel-control-prev-icon {
    width: 45px;
    height: 45px;
  }

  .volunteer-image {
    width: 150px;
    height: 150px;
  }

  .volunteer-section::after {
    width: 200px;
    height: 200px;
  }

  .testimonial-section::before {
    top: -50px;
    width: 100px;
    height: 100px;
  }

  .testimonial-section::after {
    bottom: -150px;
    width: 200px;
    height: 200px;
  }

  .social-share .tags-block {
    margin-bottom: 10px;
  }

  .donate-form {
    padding: 25px;
  }
}

/*** Team Start ***/
.team-carousel .owl-stage-outer {
    margin-top: 30px;
}
.team-carousel .owl-nav .owl-prev,
.team-carousel .owl-nav .owl-next {
    position: absolute;
    top: 1px;
    padding: 10px 35px;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-white);
    background: var(--bs-secondary);
    border-radius: 50px;
    transition: 0.5s;
}

.team-carousel .owl-nav .owl-prev {
    left: 0 !important;
}

.team-carousel .owl-nav .owl-next {
    right: 0;
}

.team-carousel .owl-nav .owl-prev:hover,
.team-carousel .owl-nav .owl-next:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important;
}

.team .team-carousel .team-item .team-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.team .team-carousel .team-item .team-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    transition: 0.5s;
    z-index: 2;
}

.team .team-carousel .team-item .team-img .team-icon {
    position: absolute;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 25px;
    display: flex;
    opacity: 0;
    transition: 0.5s;
    z-index: 3;
}

.team .team-carousel .team-item:hover .team-img .team-icon {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}

.team .team-carousel .team-item .team-content {
    position: relative;
    background: var(--bs-secondary);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
    transition: 0.5s;
}

.team .team-carousel .team-item .team-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--bs-primary) !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.5s;
    z-index: -1;
}

.team .team-carousel .team-item:hover .team-content a,
.team .team-carousel .team-item:hover .team-content p {
    color: var(--bs-white) !important;
}

.team .team-carousel .team-item:hover .team-content::after {
    height: 100% !important;
}

.team .team-carousel .team-item .team-img img {
    transition: 0.5s;
}

.team .team-carousel .team-item:hover .team-img img {
    transform: scale(1.1);
}
/*** Team End ***/

.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
  transition: 0.5s;
  z-index: 99;
}

.whatsapp {
  position: fixed;
  right: 30px;
  bottom: 90px;
  transition: 0.5s;
  z-index: 99;
}

/* parteners */
.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Start Animation*/
/* html {
  height: 100%;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;
} */

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 713px 1909px #FFF , 1054px 460px #FFF , 130px 848px #FFF , 1766px 1419px #FFF , 210px 1573px #FFF , 599px 166px #FFF , 993px 1028px #FFF , 708px 825px #FFF , 738px 254px #FFF , 802px 1354px #FFF , 505px 1175px #FFF , 459px 478px #FFF , 1017px 254px #FFF , 119px 1207px #FFF , 415px 1795px #FFF , 1312px 208px #FFF , 1648px 1772px #FFF , 370px 1973px #FFF , 328px 1901px #FFF , 949px 25px #FFF , 64px 1619px #FFF , 1475px 288px #FFF , 1882px 919px #FFF , 786px 1938px #FFF , 650px 1365px #FFF , 706px 734px #FFF , 790px 1204px #FFF , 1845px 1399px #FFF , 559px 682px #FFF , 201px 1193px #FFF , 254px 555px #FFF , 1206px 870px #FFF , 17px 635px #FFF , 1421px 129px #FFF , 805px 31px #FFF , 1645px 1461px #FFF , 51px 263px #FFF , 720px 1260px #FFF , 576px 573px #FFF , 866px 1488px #FFF , 135px 1434px #FFF , 1643px 1781px #FFF , 1283px 256px #FFF , 253px 542px #FFF , 452px 470px #FFF , 1288px 1269px #FFF , 506px 1195px #FFF , 12px 1930px #FFF , 1287px 1537px #FFF , 1890px 946px #FFF , 1235px 441px #FFF , 597px 955px #FFF , 1888px 1831px #FFF , 832px 299px #FFF , 83px 1974px #FFF , 1973px 1779px #FFF , 1394px 919px #FFF , 123px 1090px #FFF , 760px 772px #FFF , 70px 115px #FFF , 1327px 188px #FFF , 917px 1786px #FFF , 913px 1990px #FFF , 494px 460px #FFF , 69px 1681px #FFF , 751px 1363px #FFF , 1888px 830px #FFF , 1782px 978px #FFF , 1348px 121px #FFF , 1789px 1762px #FFF , 120px 1315px #FFF , 148px 556px #FFF , 1459px 1941px #FFF , 752px 302px #FFF , 1014px 769px #FFF , 407px 1636px #FFF , 1186px 1566px #FFF , 668px 817px #FFF , 810px 432px #FFF , 426px 728px #FFF , 1454px 1522px #FFF , 136px 1173px #FFF , 632px 1882px #FFF , 1591px 167px #FFF , 1381px 1042px #FFF , 1751px 579px #FFF , 1038px 1183px #FFF , 670px 191px #FFF , 673px 1752px #FFF , 807px 475px #FFF , 1342px 15px #FFF , 778px 1560px #FFF , 1469px 917px #FFF , 1640px 1746px #FFF , 657px 730px #FFF , 257px 816px #FFF , 1363px 1029px #FFF , 226px 838px #FFF , 1175px 1522px #FFF , 1067px 1496px #FFF , 1068px 1451px #FFF , 842px 886px #FFF , 101px 1665px #FFF , 356px 1450px #FFF , 71px 627px #FFF , 1232px 1363px #FFF , 732px 1282px #FFF , 873px 1628px #FFF , 1998px 1858px #FFF , 956px 786px #FFF , 1399px 1504px #FFF , 264px 1782px #FFF , 751px 844px #FFF , 1252px 1908px #FFF , 1282px 436px #FFF , 1773px 192px #FFF , 926px 152px #FFF , 37px 1711px #FFF , 833px 1724px #FFF , 1412px 793px #FFF , 1811px 1686px #FFF , 646px 231px #FFF , 802px 1094px #FFF , 1264px 1036px #FFF , 1537px 1512px #FFF , 665px 907px #FFF , 598px 1568px #FFF , 1851px 449px #FFF , 144px 928px #FFF , 1511px 1390px #FFF , 1986px 623px #FFF , 1107px 440px #FFF , 1590px 729px #FFF , 1484px 884px #FFF , 944px 1322px #FFF , 557px 176px #FFF , 70px 1337px #FFF , 751px 433px #FFF , 489px 618px #FFF , 657px 1959px #FFF , 1553px 255px #FFF , 973px 640px #FFF , 1551px 1038px #FFF , 1841px 1989px #FFF , 1246px 1597px #FFF , 1870px 299px #FFF , 1013px 1618px #FFF , 573px 55px #FFF , 970px 798px #FFF , 902px 455px #FFF , 1978px 1921px #FFF , 160px 153px #FFF , 677px 1680px #FFF , 233px 485px #FFF , 1846px 818px #FFF , 1365px 1164px #FFF , 890px 1110px #FFF , 1087px 271px #FFF , 556px 1929px #FFF , 1880px 1930px #FFF , 1093px 125px #FFF , 1203px 282px #FFF , 1009px 1052px #FFF , 1007px 301px #FFF , 786px 1476px #FFF , 394px 619px #FFF , 61px 613px #FFF , 429px 433px #FFF , 66px 689px #FFF , 873px 1730px #FFF , 1177px 503px #FFF , 1538px 49px #FFF , 1159px 691px #FFF , 675px 238px #FFF , 1077px 211px #FFF , 696px 32px #FFF , 30px 1746px #FFF , 1599px 439px #FFF , 1078px 936px #FFF , 216px 23px #FFF , 635px 1411px #FFF , 876px 103px #FFF , 989px 1443px #FFF , 321px 1978px #FFF , 807px 480px #FFF , 331px 1870px #FFF , 1919px 261px #FFF , 1450px 1689px #FFF , 213px 1659px #FFF , 712px 727px #FFF , 1578px 1491px #FFF , 903px 1px #FFF , 1842px 1372px #FFF , 1208px 1039px #FFF , 1927px 1548px #FFF , 576px 1750px #FFF , 1602px 392px #FFF , 1236px 1437px #FFF , 1696px 1586px #FFF , 1167px 1214px #FFF , 1964px 217px #FFF , 530px 25px #FFF , 1753px 60px #FFF , 1390px 125px #FFF , 864px 1814px #FFF , 161px 1956px #FFF , 1422px 1154px #FFF , 459px 1343px #FFF , 152px 1339px #FFF , 1910px 613px #FFF , 75px 1065px #FFF , 1713px 1413px #FFF , 1501px 927px #FFF , 1836px 448px #FFF , 1819px 506px #FFF , 691px 1041px #FFF , 1802px 1027px #FFF , 1059px 853px #FFF , 1718px 583px #FFF , 1766px 315px #FFF , 869px 64px #FFF , 1647px 412px #FFF , 708px 1028px #FFF , 314px 12px #FFF , 949px 1094px #FFF , 1487px 1187px #FFF , 1530px 1565px #FFF , 1100px 289px #FFF , 1811px 994px #FFF , 1854px 1246px #FFF , 1451px 1024px #FFF , 437px 392px #FFF , 818px 1796px #FFF , 1029px 1686px #FFF , 768px 579px #FFF , 60px 421px #FFF , 1257px 565px #FFF , 1859px 1229px #FFF , 18px 382px #FFF , 1322px 580px #FFF , 1174px 1166px #FFF , 1743px 515px #FFF , 220px 1763px #FFF , 1148px 1755px #FFF , 1859px 28px #FFF , 1062px 431px #FFF , 177px 1591px #FFF , 170px 1131px #FFF , 36px 1947px #FFF , 338px 515px #FFF , 605px 1122px #FFF , 1838px 546px #FFF , 727px 307px #FFF , 816px 1725px #FFF , 572px 1800px #FFF , 1753px 940px #FFF , 747px 1695px #FFF , 1450px 346px #FFF , 272px 908px #FFF , 1663px 1544px #FFF , 632px 545px #FFF , 401px 833px #FFF , 1322px 685px #FFF , 1481px 1242px #FFF , 1309px 1746px #FFF , 1847px 1516px #FFF , 1420px 1150px #FFF , 279px 442px #FFF , 1731px 907px #FFF , 1972px 925px #FFF , 1179px 1146px #FFF , 1409px 1534px #FFF , 136px 844px #FFF , 1892px 1344px #FFF , 628px 897px #FFF , 1676px 1749px #FFF , 145px 363px #FFF , 1298px 1206px #FFF , 1063px 31px #FFF , 1079px 1909px #FFF , 1391px 627px #FFF , 235px 516px #FFF , 162px 1156px #FFF , 362px 903px #FFF , 243px 644px #FFF , 1040px 795px #FFF , 685px 1243px #FFF , 355px 314px #FFF , 1697px 902px #FFF , 1456px 1403px #FFF , 1168px 1548px #FFF , 827px 1158px #FFF , 1593px 286px #FFF , 1333px 1127px #FFF , 1119px 1056px #FFF , 362px 340px #FFF , 528px 1297px #FFF , 969px 167px #FFF , 455px 1607px #FFF , 525px 1454px #FFF , 605px 952px #FFF , 915px 1417px #FFF , 441px 855px #FFF , 1698px 1515px #FFF , 1146px 1581px #FFF , 1687px 575px #FFF , 157px 906px #FFF , 1397px 578px #FFF , 1256px 1796px #FFF , 271px 588px #FFF , 822px 825px #FFF , 131px 967px #FFF , 1659px 178px #FFF , 535px 755px #FFF , 1188px 1723px #FFF , 1557px 1845px #FFF , 778px 427px #FFF , 141px 865px #FFF , 161px 431px #FFF , 1049px 1398px #FFF , 622px 1470px #FFF , 1602px 1366px #FFF , 142px 747px #FFF , 1819px 787px #FFF , 546px 1593px #FFF , 984px 385px #FFF , 1292px 47px #FFF , 952px 591px #FFF , 1856px 1897px #FFF , 272px 1104px #FFF , 1300px 296px #FFF , 870px 467px #FFF , 3px 502px #FFF , 628px 1531px #FFF , 1520px 1807px #FFF , 994px 347px #FFF , 338px 1338px #FFF , 1260px 902px #FFF , 1501px 1396px #FFF , 474px 1652px #FFF , 1545px 950px #FFF , 385px 822px #FFF , 488px 1988px #FFF , 927px 895px #FFF , 1246px 150px #FFF , 717px 1729px #FFF , 1622px 74px #FFF , 1227px 104px #FFF , 1612px 114px #FFF , 313px 956px #FFF , 131px 313px #FFF , 796px 1321px #FFF , 690px 1102px #FFF , 1582px 1031px #FFF , 1812px 663px #FFF , 1133px 673px #FFF , 1137px 1139px #FFF , 933px 1096px #FFF , 61px 1771px #FFF , 123px 1502px #FFF , 1885px 1090px #FFF , 1200px 1669px #FFF , 848px 404px #FFF , 692px 561px #FFF , 1596px 259px #FFF , 1292px 858px #FFF , 1744px 1678px #FFF , 1291px 1201px #FFF , 451px 1632px #FFF , 495px 1059px #FFF , 1993px 661px #FFF , 697px 1842px #FFF , 484px 1368px #FFF , 704px 22px #FFF , 1393px 605px #FFF , 1005px 1197px #FFF , 60px 827px #FFF , 502px 1652px #FFF , 135px 88px #FFF , 1148px 688px #FFF , 294px 1696px #FFF , 978px 1670px #FFF , 707px 955px #FFF , 1472px 1469px #FFF , 739px 1152px #FFF , 117px 1718px #FFF , 1339px 1148px #FFF , 862px 423px #FFF , 252px 484px #FFF , 598px 446px #FFF , 305px 1859px #FFF , 1485px 420px #FFF , 1014px 1456px #FFF , 1158px 41px #FFF , 1904px 228px #FFF , 673px 796px #FFF , 646px 1358px #FFF , 396px 1668px #FFF , 1511px 7px #FFF , 651px 716px #FFF , 84px 1292px #FFF , 1864px 1179px #FFF , 207px 860px #FFF , 1137px 1481px #FFF , 1740px 1619px #FFF , 785px 288px #FFF , 354px 345px #FFF , 1876px 369px #FFF , 1294px 795px #FFF , 1512px 495px #FFF , 1694px 1591px #FFF , 1298px 1599px #FFF , 1590px 1642px #FFF , 1146px 1965px #FFF , 801px 695px #FFF , 537px 1693px #FFF , 259px 1385px #FFF , 964px 194px #FFF , 701px 1551px #FFF , 435px 1889px #FFF , 952px 547px #FFF , 552px 1235px #FFF , 1086px 487px #FFF , 1452px 1520px #FFF , 111px 1256px #FFF , 219px 904px #FFF , 1304px 1241px #FFF , 401px 1282px #FFF , 360px 856px #FFF , 698px 644px #FFF , 210px 1347px #FFF , 1658px 891px #FFF , 402px 266px #FFF , 1651px 1048px #FFF , 400px 1107px #FFF , 1775px 602px #FFF , 303px 1345px #FFF , 1345px 492px #FFF , 977px 1747px #FFF , 1475px 1429px #FFF , 986px 80px #FFF , 710px 1831px #FFF , 1441px 1985px #FFF , 917px 1841px #FFF , 1841px 1549px #FFF , 1774px 1699px #FFF , 1052px 1346px #FFF , 713px 67px #FFF , 1756px 1113px #FFF , 1292px 1224px #FFF , 632px 308px #FFF , 518px 1762px #FFF , 1047px 1149px #FFF , 1188px 244px #FFF , 185px 772px #FFF , 1911px 917px #FFF , 872px 248px #FFF , 688px 402px #FFF , 744px 545px #FFF , 1611px 854px #FFF , 1913px 286px #FFF , 1154px 519px #FFF , 397px 48px #FFF , 55px 640px #FFF , 1233px 1557px #FFF , 1351px 75px #FFF , 1738px 692px #FFF , 283px 930px #FFF , 1405px 1923px #FFF , 729px 241px #FFF , 330px 935px #FFF , 348px 1275px #FFF , 915px 1717px #FFF , 534px 1305px #FFF , 356px 761px #FFF , 47px 29px #FFF , 1065px 84px #FFF , 1599px 970px #FFF , 792px 801px #FFF , 1714px 1884px #FFF , 957px 584px #FFF , 1272px 1012px #FFF , 549px 478px #FFF , 864px 848px #FFF , 1097px 98px #FFF , 442px 772px #FFF , 30px 853px #FFF , 1969px 1771px #FFF , 1225px 22px #FFF , 1607px 1467px #FFF , 27px 879px #FFF , 1865px 1801px #FFF , 119px 338px #FFF , 1888px 1797px #FFF , 1205px 591px #FFF , 327px 47px #FFF , 170px 1917px #FFF , 1305px 1565px #FFF , 1327px 189px #FFF , 1215px 1278px #FFF , 302px 630px #FFF , 248px 289px #FFF , 1020px 106px #FFF , 739px 898px #FFF , 73px 1256px #FFF , 738px 1434px #FFF , 1248px 856px #FFF , 970px 1645px #FFF , 1941px 697px #FFF , 771px 20px #FFF , 232px 1692px #FFF , 1505px 1818px #FFF , 1211px 1911px #FFF , 104px 1540px #FFF , 1619px 919px #FFF , 1599px 80px #FFF , 1851px 2px #FFF , 1633px 1950px #FFF , 468px 469px #FFF , 1885px 376px #FFF , 1600px 1788px #FFF , 1772px 111px #FFF , 1250px 1306px #FFF , 1837px 514px #FFF , 1664px 1784px #FFF , 724px 1608px #FFF , 471px 1720px #FFF , 796px 1144px #FFF , 1671px 430px #FFF , 871px 788px #FFF , 155px 205px #FFF , 892px 922px #FFF , 203px 1390px #FFF , 1483px 1880px #FFF , 1190px 1175px #FFF , 1135px 1688px #FFF , 444px 1522px #FFF , 376px 1699px #FFF , 1207px 1120px #FFF , 44px 1194px #FFF , 139px 38px #FFF , 1237px 250px #FFF , 1669px 59px #FFF , 746px 1341px #FFF , 825px 583px #FFF , 1035px 811px #FFF , 877px 502px #FFF , 658px 748px #FFF , 745px 1920px #FFF , 605px 1031px #FFF , 311px 1565px #FFF , 2px 1271px #FFF , 1466px 1201px #FFF , 203px 1047px #FFF , 811px 680px #FFF , 860px 924px #FFF , 545px 1796px #FFF , 488px 201px #FFF , 1560px 1094px #FFF , 1983px 1111px #FFF , 652px 1546px #FFF , 1326px 1446px #FFF , 1985px 1875px #FFF , 1428px 1445px #FFF , 1857px 29px #FFF , 804px 1894px #FFF , 761px 1601px #FFF , 1202px 1062px #FFF , 244px 1517px #FFF , 1869px 1691px #FFF , 1582px 282px #FFF , 1007px 827px #FFF , 1643px 128px #FFF , 1970px 499px #FFF , 735px 92px #FFF , 1515px 244px #FFF , 618px 1893px #FFF , 358px 488px #FFF , 1494px 815px #FFF , 1404px 1958px #FFF , 125px 733px #FFF , 757px 505px #FFF , 1981px 1214px #FFF , 916px 1839px #FFF , 673px 1206px #FFF , 1089px 1292px #FFF , 1536px 1555px #FFF , 1377px 1748px #FFF , 1863px 1568px #FFF , 1082px 1420px #FFF , 1342px 1587px #FFF , 1482px 997px #FFF , 770px 498px #FFF , 755px 224px #FFF , 1106px 1933px #FFF , 1159px 969px #FFF , 1328px 1649px #FFF , 809px 949px #FFF , 1348px 257px #FFF , 1065px 1365px #FFF , 1556px 1584px #FFF , 631px 220px #FFF , 973px 785px #FFF , 1104px 1954px #FFF , 1755px 1907px #FFF , 585px 1106px #FFF , 931px 1186px #FFF , 964px 340px #FFF , 787px 661px #FFF , 165px 1454px #FFF , 158px 1737px #FFF , 1136px 977px #FFF , 267px 951px #FFF , 399px 226px #FFF , 877px 917px #FFF , 886px 1479px #FFF , 383px 1525px #FFF , 1704px 1399px #FFF , 1120px 1926px #FFF , 1659px 451px #FFF , 2000px 1982px #FFF , 1498px 318px #FFF , 235px 974px #FFF , 1520px 1318px #FFF , 1692px 1980px #FFF , 511px 1717px #FFF , 859px 1107px #FFF , 1036px 109px #FFF , 226px 178px #FFF , 126px 114px #FFF , 1887px 77px #FFF , 998px 464px #FFF , 1077px 284px #FFF , 405px 157px #FFF , 790px 27px #FFF , 1674px 664px #FFF , 1969px 1934px #FFF , 1534px 318px #FFF , 759px 939px #FFF , 1521px 1751px #FFF , 175px 1993px #FFF , 1356px 1936px #FFF , 168px 913px #FFF , 1950px 1755px #FFF , 331px 1103px #FFF , 16px 1663px #FFF , 1214px 425px #FFF , 1614px 751px #FFF , 1700px 1579px #FFF , 1556px 839px #FFF , 1509px 1486px #FFF , 630px 1666px #FFF , 1188px 843px #FFF , 1898px 272px #FFF , 222px 1425px #FFF , 1945px 1356px #FFF , 567px 1803px #FFF , 1076px 580px #FFF , 689px 480px #FFF , 1284px 534px #FFF , 596px 615px #FFF , 598px 351px #FFF , 1531px 1373px #FFF , 1120px 771px #FFF , 1533px 1458px #FFF , 1137px 995px #FFF , 575px 1434px #FFF , 612px 1308px #FFF , 1241px 1980px #FFF , 408px 1381px #FFF , 1482px 1601px #FFF , 616px 1834px #FFF , 77px 917px #FFF , 280px 3px #FFF , 1941px 4px #FFF , 1135px 1251px #FFF , 387px 1915px #FFF , 1290px 1606px #FFF , 1592px 826px #FFF , 846px 1022px #FFF , 670px 459px #FFF , 1068px 615px #FFF , 1390px 323px #FFF , 447px 610px #FFF , 1605px 1500px #FFF , 980px 275px #FFF , 1544px 183px #FFF , 1821px 1066px #FFF , 1967px 68px #FFF , 1207px 397px #FFF , 1394px 1518px #FFF , 338px 1919px #FFF , 1365px 68px #FFF , 1497px 1574px #FFF , 506px 949px #FFF , 71px 1197px #FFF , 69px 416px #FFF , 1056px 319px #FFF , 368px 1767px #FFF , 406px 878px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 713px 1909px #FFF , 1054px 460px #FFF , 130px 848px #FFF , 1766px 1419px #FFF , 210px 1573px #FFF , 599px 166px #FFF , 993px 1028px #FFF , 708px 825px #FFF , 738px 254px #FFF , 802px 1354px #FFF , 505px 1175px #FFF , 459px 478px #FFF , 1017px 254px #FFF , 119px 1207px #FFF , 415px 1795px #FFF , 1312px 208px #FFF , 1648px 1772px #FFF , 370px 1973px #FFF , 328px 1901px #FFF , 949px 25px #FFF , 64px 1619px #FFF , 1475px 288px #FFF , 1882px 919px #FFF , 786px 1938px #FFF , 650px 1365px #FFF , 706px 734px #FFF , 790px 1204px #FFF , 1845px 1399px #FFF , 559px 682px #FFF , 201px 1193px #FFF , 254px 555px #FFF , 1206px 870px #FFF , 17px 635px #FFF , 1421px 129px #FFF , 805px 31px #FFF , 1645px 1461px #FFF , 51px 263px #FFF , 720px 1260px #FFF , 576px 573px #FFF , 866px 1488px #FFF , 135px 1434px #FFF , 1643px 1781px #FFF , 1283px 256px #FFF , 253px 542px #FFF , 452px 470px #FFF , 1288px 1269px #FFF , 506px 1195px #FFF , 12px 1930px #FFF , 1287px 1537px #FFF , 1890px 946px #FFF , 1235px 441px #FFF , 597px 955px #FFF , 1888px 1831px #FFF , 832px 299px #FFF , 83px 1974px #FFF , 1973px 1779px #FFF , 1394px 919px #FFF , 123px 1090px #FFF , 760px 772px #FFF , 70px 115px #FFF , 1327px 188px #FFF , 917px 1786px #FFF , 913px 1990px #FFF , 494px 460px #FFF , 69px 1681px #FFF , 751px 1363px #FFF , 1888px 830px #FFF , 1782px 978px #FFF , 1348px 121px #FFF , 1789px 1762px #FFF , 120px 1315px #FFF , 148px 556px #FFF , 1459px 1941px #FFF , 752px 302px #FFF , 1014px 769px #FFF , 407px 1636px #FFF , 1186px 1566px #FFF , 668px 817px #FFF , 810px 432px #FFF , 426px 728px #FFF , 1454px 1522px #FFF , 136px 1173px #FFF , 632px 1882px #FFF , 1591px 167px #FFF , 1381px 1042px #FFF , 1751px 579px #FFF , 1038px 1183px #FFF , 670px 191px #FFF , 673px 1752px #FFF , 807px 475px #FFF , 1342px 15px #FFF , 778px 1560px #FFF , 1469px 917px #FFF , 1640px 1746px #FFF , 657px 730px #FFF , 257px 816px #FFF , 1363px 1029px #FFF , 226px 838px #FFF , 1175px 1522px #FFF , 1067px 1496px #FFF , 1068px 1451px #FFF , 842px 886px #FFF , 101px 1665px #FFF , 356px 1450px #FFF , 71px 627px #FFF , 1232px 1363px #FFF , 732px 1282px #FFF , 873px 1628px #FFF , 1998px 1858px #FFF , 956px 786px #FFF , 1399px 1504px #FFF , 264px 1782px #FFF , 751px 844px #FFF , 1252px 1908px #FFF , 1282px 436px #FFF , 1773px 192px #FFF , 926px 152px #FFF , 37px 1711px #FFF , 833px 1724px #FFF , 1412px 793px #FFF , 1811px 1686px #FFF , 646px 231px #FFF , 802px 1094px #FFF , 1264px 1036px #FFF , 1537px 1512px #FFF , 665px 907px #FFF , 598px 1568px #FFF , 1851px 449px #FFF , 144px 928px #FFF , 1511px 1390px #FFF , 1986px 623px #FFF , 1107px 440px #FFF , 1590px 729px #FFF , 1484px 884px #FFF , 944px 1322px #FFF , 557px 176px #FFF , 70px 1337px #FFF , 751px 433px #FFF , 489px 618px #FFF , 657px 1959px #FFF , 1553px 255px #FFF , 973px 640px #FFF , 1551px 1038px #FFF , 1841px 1989px #FFF , 1246px 1597px #FFF , 1870px 299px #FFF , 1013px 1618px #FFF , 573px 55px #FFF , 970px 798px #FFF , 902px 455px #FFF , 1978px 1921px #FFF , 160px 153px #FFF , 677px 1680px #FFF , 233px 485px #FFF , 1846px 818px #FFF , 1365px 1164px #FFF , 890px 1110px #FFF , 1087px 271px #FFF , 556px 1929px #FFF , 1880px 1930px #FFF , 1093px 125px #FFF , 1203px 282px #FFF , 1009px 1052px #FFF , 1007px 301px #FFF , 786px 1476px #FFF , 394px 619px #FFF , 61px 613px #FFF , 429px 433px #FFF , 66px 689px #FFF , 873px 1730px #FFF , 1177px 503px #FFF , 1538px 49px #FFF , 1159px 691px #FFF , 675px 238px #FFF , 1077px 211px #FFF , 696px 32px #FFF , 30px 1746px #FFF , 1599px 439px #FFF , 1078px 936px #FFF , 216px 23px #FFF , 635px 1411px #FFF , 876px 103px #FFF , 989px 1443px #FFF , 321px 1978px #FFF , 807px 480px #FFF , 331px 1870px #FFF , 1919px 261px #FFF , 1450px 1689px #FFF , 213px 1659px #FFF , 712px 727px #FFF , 1578px 1491px #FFF , 903px 1px #FFF , 1842px 1372px #FFF , 1208px 1039px #FFF , 1927px 1548px #FFF , 576px 1750px #FFF , 1602px 392px #FFF , 1236px 1437px #FFF , 1696px 1586px #FFF , 1167px 1214px #FFF , 1964px 217px #FFF , 530px 25px #FFF , 1753px 60px #FFF , 1390px 125px #FFF , 864px 1814px #FFF , 161px 1956px #FFF , 1422px 1154px #FFF , 459px 1343px #FFF , 152px 1339px #FFF , 1910px 613px #FFF , 75px 1065px #FFF , 1713px 1413px #FFF , 1501px 927px #FFF , 1836px 448px #FFF , 1819px 506px #FFF , 691px 1041px #FFF , 1802px 1027px #FFF , 1059px 853px #FFF , 1718px 583px #FFF , 1766px 315px #FFF , 869px 64px #FFF , 1647px 412px #FFF , 708px 1028px #FFF , 314px 12px #FFF , 949px 1094px #FFF , 1487px 1187px #FFF , 1530px 1565px #FFF , 1100px 289px #FFF , 1811px 994px #FFF , 1854px 1246px #FFF , 1451px 1024px #FFF , 437px 392px #FFF , 818px 1796px #FFF , 1029px 1686px #FFF , 768px 579px #FFF , 60px 421px #FFF , 1257px 565px #FFF , 1859px 1229px #FFF , 18px 382px #FFF , 1322px 580px #FFF , 1174px 1166px #FFF , 1743px 515px #FFF , 220px 1763px #FFF , 1148px 1755px #FFF , 1859px 28px #FFF , 1062px 431px #FFF , 177px 1591px #FFF , 170px 1131px #FFF , 36px 1947px #FFF , 338px 515px #FFF , 605px 1122px #FFF , 1838px 546px #FFF , 727px 307px #FFF , 816px 1725px #FFF , 572px 1800px #FFF , 1753px 940px #FFF , 747px 1695px #FFF , 1450px 346px #FFF , 272px 908px #FFF , 1663px 1544px #FFF , 632px 545px #FFF , 401px 833px #FFF , 1322px 685px #FFF , 1481px 1242px #FFF , 1309px 1746px #FFF , 1847px 1516px #FFF , 1420px 1150px #FFF , 279px 442px #FFF , 1731px 907px #FFF , 1972px 925px #FFF , 1179px 1146px #FFF , 1409px 1534px #FFF , 136px 844px #FFF , 1892px 1344px #FFF , 628px 897px #FFF , 1676px 1749px #FFF , 145px 363px #FFF , 1298px 1206px #FFF , 1063px 31px #FFF , 1079px 1909px #FFF , 1391px 627px #FFF , 235px 516px #FFF , 162px 1156px #FFF , 362px 903px #FFF , 243px 644px #FFF , 1040px 795px #FFF , 685px 1243px #FFF , 355px 314px #FFF , 1697px 902px #FFF , 1456px 1403px #FFF , 1168px 1548px #FFF , 827px 1158px #FFF , 1593px 286px #FFF , 1333px 1127px #FFF , 1119px 1056px #FFF , 362px 340px #FFF , 528px 1297px #FFF , 969px 167px #FFF , 455px 1607px #FFF , 525px 1454px #FFF , 605px 952px #FFF , 915px 1417px #FFF , 441px 855px #FFF , 1698px 1515px #FFF , 1146px 1581px #FFF , 1687px 575px #FFF , 157px 906px #FFF , 1397px 578px #FFF , 1256px 1796px #FFF , 271px 588px #FFF , 822px 825px #FFF , 131px 967px #FFF , 1659px 178px #FFF , 535px 755px #FFF , 1188px 1723px #FFF , 1557px 1845px #FFF , 778px 427px #FFF , 141px 865px #FFF , 161px 431px #FFF , 1049px 1398px #FFF , 622px 1470px #FFF , 1602px 1366px #FFF , 142px 747px #FFF , 1819px 787px #FFF , 546px 1593px #FFF , 984px 385px #FFF , 1292px 47px #FFF , 952px 591px #FFF , 1856px 1897px #FFF , 272px 1104px #FFF , 1300px 296px #FFF , 870px 467px #FFF , 3px 502px #FFF , 628px 1531px #FFF , 1520px 1807px #FFF , 994px 347px #FFF , 338px 1338px #FFF , 1260px 902px #FFF , 1501px 1396px #FFF , 474px 1652px #FFF , 1545px 950px #FFF , 385px 822px #FFF , 488px 1988px #FFF , 927px 895px #FFF , 1246px 150px #FFF , 717px 1729px #FFF , 1622px 74px #FFF , 1227px 104px #FFF , 1612px 114px #FFF , 313px 956px #FFF , 131px 313px #FFF , 796px 1321px #FFF , 690px 1102px #FFF , 1582px 1031px #FFF , 1812px 663px #FFF , 1133px 673px #FFF , 1137px 1139px #FFF , 933px 1096px #FFF , 61px 1771px #FFF , 123px 1502px #FFF , 1885px 1090px #FFF , 1200px 1669px #FFF , 848px 404px #FFF , 692px 561px #FFF , 1596px 259px #FFF , 1292px 858px #FFF , 1744px 1678px #FFF , 1291px 1201px #FFF , 451px 1632px #FFF , 495px 1059px #FFF , 1993px 661px #FFF , 697px 1842px #FFF , 484px 1368px #FFF , 704px 22px #FFF , 1393px 605px #FFF , 1005px 1197px #FFF , 60px 827px #FFF , 502px 1652px #FFF , 135px 88px #FFF , 1148px 688px #FFF , 294px 1696px #FFF , 978px 1670px #FFF , 707px 955px #FFF , 1472px 1469px #FFF , 739px 1152px #FFF , 117px 1718px #FFF , 1339px 1148px #FFF , 862px 423px #FFF , 252px 484px #FFF , 598px 446px #FFF , 305px 1859px #FFF , 1485px 420px #FFF , 1014px 1456px #FFF , 1158px 41px #FFF , 1904px 228px #FFF , 673px 796px #FFF , 646px 1358px #FFF , 396px 1668px #FFF , 1511px 7px #FFF , 651px 716px #FFF , 84px 1292px #FFF , 1864px 1179px #FFF , 207px 860px #FFF , 1137px 1481px #FFF , 1740px 1619px #FFF , 785px 288px #FFF , 354px 345px #FFF , 1876px 369px #FFF , 1294px 795px #FFF , 1512px 495px #FFF , 1694px 1591px #FFF , 1298px 1599px #FFF , 1590px 1642px #FFF , 1146px 1965px #FFF , 801px 695px #FFF , 537px 1693px #FFF , 259px 1385px #FFF , 964px 194px #FFF , 701px 1551px #FFF , 435px 1889px #FFF , 952px 547px #FFF , 552px 1235px #FFF , 1086px 487px #FFF , 1452px 1520px #FFF , 111px 1256px #FFF , 219px 904px #FFF , 1304px 1241px #FFF , 401px 1282px #FFF , 360px 856px #FFF , 698px 644px #FFF , 210px 1347px #FFF , 1658px 891px #FFF , 402px 266px #FFF , 1651px 1048px #FFF , 400px 1107px #FFF , 1775px 602px #FFF , 303px 1345px #FFF , 1345px 492px #FFF , 977px 1747px #FFF , 1475px 1429px #FFF , 986px 80px #FFF , 710px 1831px #FFF , 1441px 1985px #FFF , 917px 1841px #FFF , 1841px 1549px #FFF , 1774px 1699px #FFF , 1052px 1346px #FFF , 713px 67px #FFF , 1756px 1113px #FFF , 1292px 1224px #FFF , 632px 308px #FFF , 518px 1762px #FFF , 1047px 1149px #FFF , 1188px 244px #FFF , 185px 772px #FFF , 1911px 917px #FFF , 872px 248px #FFF , 688px 402px #FFF , 744px 545px #FFF , 1611px 854px #FFF , 1913px 286px #FFF , 1154px 519px #FFF , 397px 48px #FFF , 55px 640px #FFF , 1233px 1557px #FFF , 1351px 75px #FFF , 1738px 692px #FFF , 283px 930px #FFF , 1405px 1923px #FFF , 729px 241px #FFF , 330px 935px #FFF , 348px 1275px #FFF , 915px 1717px #FFF , 534px 1305px #FFF , 356px 761px #FFF , 47px 29px #FFF , 1065px 84px #FFF , 1599px 970px #FFF , 792px 801px #FFF , 1714px 1884px #FFF , 957px 584px #FFF , 1272px 1012px #FFF , 549px 478px #FFF , 864px 848px #FFF , 1097px 98px #FFF , 442px 772px #FFF , 30px 853px #FFF , 1969px 1771px #FFF , 1225px 22px #FFF , 1607px 1467px #FFF , 27px 879px #FFF , 1865px 1801px #FFF , 119px 338px #FFF , 1888px 1797px #FFF , 1205px 591px #FFF , 327px 47px #FFF , 170px 1917px #FFF , 1305px 1565px #FFF , 1327px 189px #FFF , 1215px 1278px #FFF , 302px 630px #FFF , 248px 289px #FFF , 1020px 106px #FFF , 739px 898px #FFF , 73px 1256px #FFF , 738px 1434px #FFF , 1248px 856px #FFF , 970px 1645px #FFF , 1941px 697px #FFF , 771px 20px #FFF , 232px 1692px #FFF , 1505px 1818px #FFF , 1211px 1911px #FFF , 104px 1540px #FFF , 1619px 919px #FFF , 1599px 80px #FFF , 1851px 2px #FFF , 1633px 1950px #FFF , 468px 469px #FFF , 1885px 376px #FFF , 1600px 1788px #FFF , 1772px 111px #FFF , 1250px 1306px #FFF , 1837px 514px #FFF , 1664px 1784px #FFF , 724px 1608px #FFF , 471px 1720px #FFF , 796px 1144px #FFF , 1671px 430px #FFF , 871px 788px #FFF , 155px 205px #FFF , 892px 922px #FFF , 203px 1390px #FFF , 1483px 1880px #FFF , 1190px 1175px #FFF , 1135px 1688px #FFF , 444px 1522px #FFF , 376px 1699px #FFF , 1207px 1120px #FFF , 44px 1194px #FFF , 139px 38px #FFF , 1237px 250px #FFF , 1669px 59px #FFF , 746px 1341px #FFF , 825px 583px #FFF , 1035px 811px #FFF , 877px 502px #FFF , 658px 748px #FFF , 745px 1920px #FFF , 605px 1031px #FFF , 311px 1565px #FFF , 2px 1271px #FFF , 1466px 1201px #FFF , 203px 1047px #FFF , 811px 680px #FFF , 860px 924px #FFF , 545px 1796px #FFF , 488px 201px #FFF , 1560px 1094px #FFF , 1983px 1111px #FFF , 652px 1546px #FFF , 1326px 1446px #FFF , 1985px 1875px #FFF , 1428px 1445px #FFF , 1857px 29px #FFF , 804px 1894px #FFF , 761px 1601px #FFF , 1202px 1062px #FFF , 244px 1517px #FFF , 1869px 1691px #FFF , 1582px 282px #FFF , 1007px 827px #FFF , 1643px 128px #FFF , 1970px 499px #FFF , 735px 92px #FFF , 1515px 244px #FFF , 618px 1893px #FFF , 358px 488px #FFF , 1494px 815px #FFF , 1404px 1958px #FFF , 125px 733px #FFF , 757px 505px #FFF , 1981px 1214px #FFF , 916px 1839px #FFF , 673px 1206px #FFF , 1089px 1292px #FFF , 1536px 1555px #FFF , 1377px 1748px #FFF , 1863px 1568px #FFF , 1082px 1420px #FFF , 1342px 1587px #FFF , 1482px 997px #FFF , 770px 498px #FFF , 755px 224px #FFF , 1106px 1933px #FFF , 1159px 969px #FFF , 1328px 1649px #FFF , 809px 949px #FFF , 1348px 257px #FFF , 1065px 1365px #FFF , 1556px 1584px #FFF , 631px 220px #FFF , 973px 785px #FFF , 1104px 1954px #FFF , 1755px 1907px #FFF , 585px 1106px #FFF , 931px 1186px #FFF , 964px 340px #FFF , 787px 661px #FFF , 165px 1454px #FFF , 158px 1737px #FFF , 1136px 977px #FFF , 267px 951px #FFF , 399px 226px #FFF , 877px 917px #FFF , 886px 1479px #FFF , 383px 1525px #FFF , 1704px 1399px #FFF , 1120px 1926px #FFF , 1659px 451px #FFF , 2000px 1982px #FFF , 1498px 318px #FFF , 235px 974px #FFF , 1520px 1318px #FFF , 1692px 1980px #FFF , 511px 1717px #FFF , 859px 1107px #FFF , 1036px 109px #FFF , 226px 178px #FFF , 126px 114px #FFF , 1887px 77px #FFF , 998px 464px #FFF , 1077px 284px #FFF , 405px 157px #FFF , 790px 27px #FFF , 1674px 664px #FFF , 1969px 1934px #FFF , 1534px 318px #FFF , 759px 939px #FFF , 1521px 1751px #FFF , 175px 1993px #FFF , 1356px 1936px #FFF , 168px 913px #FFF , 1950px 1755px #FFF , 331px 1103px #FFF , 16px 1663px #FFF , 1214px 425px #FFF , 1614px 751px #FFF , 1700px 1579px #FFF , 1556px 839px #FFF , 1509px 1486px #FFF , 630px 1666px #FFF , 1188px 843px #FFF , 1898px 272px #FFF , 222px 1425px #FFF , 1945px 1356px #FFF , 567px 1803px #FFF , 1076px 580px #FFF , 689px 480px #FFF , 1284px 534px #FFF , 596px 615px #FFF , 598px 351px #FFF , 1531px 1373px #FFF , 1120px 771px #FFF , 1533px 1458px #FFF , 1137px 995px #FFF , 575px 1434px #FFF , 612px 1308px #FFF , 1241px 1980px #FFF , 408px 1381px #FFF , 1482px 1601px #FFF , 616px 1834px #FFF , 77px 917px #FFF , 280px 3px #FFF , 1941px 4px #FFF , 1135px 1251px #FFF , 387px 1915px #FFF , 1290px 1606px #FFF , 1592px 826px #FFF , 846px 1022px #FFF , 670px 459px #FFF , 1068px 615px #FFF , 1390px 323px #FFF , 447px 610px #FFF , 1605px 1500px #FFF , 980px 275px #FFF , 1544px 183px #FFF , 1821px 1066px #FFF , 1967px 68px #FFF , 1207px 397px #FFF , 1394px 1518px #FFF , 338px 1919px #FFF , 1365px 68px #FFF , 1497px 1574px #FFF , 506px 949px #FFF , 71px 1197px #FFF , 69px 416px #FFF , 1056px 319px #FFF , 368px 1767px #FFF , 406px 878px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 653px 331px #FFF , 750px 1529px #FFF , 1136px 1145px #FFF , 675px 1210px #FFF , 1252px 1950px #FFF , 173px 891px #FFF , 1053px 1137px #FFF , 1600px 1707px #FFF , 371px 840px #FFF , 1338px 1369px #FFF , 1360px 454px #FFF , 1949px 1637px #FFF , 430px 676px #FFF , 1780px 1452px #FFF , 641px 1228px #FFF , 227px 1774px #FFF , 56px 725px #FFF , 944px 1900px #FFF , 253px 1767px #FFF , 1371px 1553px #FFF , 646px 585px #FFF , 1952px 752px #FFF , 1438px 436px #FFF , 970px 798px #FFF , 1049px 842px #FFF , 1290px 619px #FFF , 147px 1551px #FFF , 1281px 358px #FFF , 197px 529px #FFF , 1274px 323px #FFF , 24px 377px #FFF , 152px 387px #FFF , 1340px 672px #FFF , 1098px 394px #FFF , 350px 1185px #FFF , 1955px 1727px #FFF , 1952px 339px #FFF , 895px 1822px #FFF , 762px 535px #FFF , 1450px 1308px #FFF , 1860px 179px #FFF , 102px 888px #FFF , 890px 330px #FFF , 1698px 1112px #FFF , 739px 623px #FFF , 60px 1964px #FFF , 606px 1992px #FFF , 897px 1810px #FFF , 1158px 1523px #FFF , 1023px 1843px #FFF , 1313px 284px #FFF , 45px 793px #FFF , 181px 379px #FFF , 1628px 1095px #FFF , 1654px 194px #FFF , 923px 277px #FFF , 911px 849px #FFF , 180px 867px #FFF , 1564px 1993px #FFF , 613px 79px #FFF , 937px 449px #FFF , 292px 735px #FFF , 1321px 520px #FFF , 1145px 1029px #FFF , 1362px 1078px #FFF , 1616px 1871px #FFF , 768px 332px #FFF , 693px 691px #FFF , 1321px 101px #FFF , 1710px 1815px #FFF , 1782px 671px #FFF , 1959px 797px #FFF , 1166px 127px #FFF , 204px 198px #FFF , 1325px 298px #FFF , 1012px 909px #FFF , 30px 1480px #FFF , 1353px 92px #FFF , 1871px 1691px #FFF , 1233px 1881px #FFF , 1826px 868px #FFF , 359px 54px #FFF , 1123px 1790px #FFF , 1041px 670px #FFF , 911px 1649px #FFF , 526px 386px #FFF , 611px 1687px #FFF , 1231px 99px #FFF , 1845px 1346px #FFF , 1698px 1210px #FFF , 828px 923px #FFF , 1475px 29px #FFF , 1554px 911px #FFF , 608px 1048px #FFF , 255px 544px #FFF , 1913px 9px #FFF , 31px 774px #FFF , 415px 821px #FFF , 996px 1396px #FFF , 361px 642px #FFF , 1002px 885px #FFF , 244px 15px #FFF , 1501px 1280px #FFF , 1395px 1371px #FFF , 799px 601px #FFF , 1785px 162px #FFF , 1614px 876px #FFF , 478px 1604px #FFF , 278px 1942px #FFF , 298px 800px #FFF , 306px 1856px #FFF , 17px 1720px #FFF , 1098px 500px #FFF , 875px 438px #FFF , 75px 84px #FFF , 1554px 917px #FFF , 58px 1075px #FFF , 1752px 240px #FFF , 818px 1351px #FFF , 104px 1527px #FFF , 180px 910px #FFF , 1931px 1878px #FFF , 1085px 170px #FFF , 1264px 1961px #FFF , 1337px 1204px #FFF , 41px 1607px #FFF , 1707px 1381px #FFF , 1046px 1356px #FFF , 1032px 815px #FFF , 1026px 618px #FFF , 1378px 442px #FFF , 379px 1209px #FFF , 1976px 916px #FFF , 1568px 1783px #FFF , 965px 732px #FFF , 1456px 43px #FFF , 1542px 98px #FFF , 1891px 1195px #FFF , 958px 158px #FFF , 378px 470px #FFF , 783px 1222px #FFF , 971px 1243px #FFF , 1626px 1922px #FFF , 788px 680px #FFF , 1448px 1998px #FFF , 1545px 1809px #FFF , 79px 86px #FFF , 173px 1898px #FFF , 1330px 1534px #FFF , 1353px 384px #FFF , 705px 150px #FFF , 296px 150px #FFF , 1215px 149px #FFF , 1997px 409px #FFF , 1676px 854px #FFF , 682px 1835px #FFF , 1369px 1505px #FFF , 1063px 1614px #FFF , 1348px 1035px #FFF , 325px 1598px #FFF , 1184px 576px #FFF , 558px 162px #FFF , 1250px 1977px #FFF , 403px 86px #FFF , 1248px 1395px #FFF , 824px 318px #FFF , 436px 226px #FFF , 74px 1122px #FFF , 1391px 1526px #FFF , 308px 337px #FFF , 654px 675px #FFF , 513px 1613px #FFF , 65px 1586px #FFF , 1077px 124px #FFF , 505px 1904px #FFF , 1966px 1326px #FFF , 1703px 1621px #FFF , 180px 1823px #FFF , 357px 62px #FFF , 583px 983px #FFF , 1699px 121px #FFF , 1060px 1351px #FFF , 81px 1861px #FFF , 357px 1036px #FFF , 1549px 1329px #FFF , 1260px 743px #FFF , 1431px 1873px #FFF , 318px 1095px #FFF , 1251px 1678px #FFF , 1435px 1062px #FFF , 1254px 1664px #FFF , 349px 1359px #FFF , 1905px 1019px #FFF , 1082px 1146px #FFF , 1653px 852px #FFF , 1788px 1373px #FFF , 257px 1585px #FFF , 1249px 1524px #FFF , 918px 1580px #FFF , 268px 1277px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 653px 331px #FFF , 750px 1529px #FFF , 1136px 1145px #FFF , 675px 1210px #FFF , 1252px 1950px #FFF , 173px 891px #FFF , 1053px 1137px #FFF , 1600px 1707px #FFF , 371px 840px #FFF , 1338px 1369px #FFF , 1360px 454px #FFF , 1949px 1637px #FFF , 430px 676px #FFF , 1780px 1452px #FFF , 641px 1228px #FFF , 227px 1774px #FFF , 56px 725px #FFF , 944px 1900px #FFF , 253px 1767px #FFF , 1371px 1553px #FFF , 646px 585px #FFF , 1952px 752px #FFF , 1438px 436px #FFF , 970px 798px #FFF , 1049px 842px #FFF , 1290px 619px #FFF , 147px 1551px #FFF , 1281px 358px #FFF , 197px 529px #FFF , 1274px 323px #FFF , 24px 377px #FFF , 152px 387px #FFF , 1340px 672px #FFF , 1098px 394px #FFF , 350px 1185px #FFF , 1955px 1727px #FFF , 1952px 339px #FFF , 895px 1822px #FFF , 762px 535px #FFF , 1450px 1308px #FFF , 1860px 179px #FFF , 102px 888px #FFF , 890px 330px #FFF , 1698px 1112px #FFF , 739px 623px #FFF , 60px 1964px #FFF , 606px 1992px #FFF , 897px 1810px #FFF , 1158px 1523px #FFF , 1023px 1843px #FFF , 1313px 284px #FFF , 45px 793px #FFF , 181px 379px #FFF , 1628px 1095px #FFF , 1654px 194px #FFF , 923px 277px #FFF , 911px 849px #FFF , 180px 867px #FFF , 1564px 1993px #FFF , 613px 79px #FFF , 937px 449px #FFF , 292px 735px #FFF , 1321px 520px #FFF , 1145px 1029px #FFF , 1362px 1078px #FFF , 1616px 1871px #FFF , 768px 332px #FFF , 693px 691px #FFF , 1321px 101px #FFF , 1710px 1815px #FFF , 1782px 671px #FFF , 1959px 797px #FFF , 1166px 127px #FFF , 204px 198px #FFF , 1325px 298px #FFF , 1012px 909px #FFF , 30px 1480px #FFF , 1353px 92px #FFF , 1871px 1691px #FFF , 1233px 1881px #FFF , 1826px 868px #FFF , 359px 54px #FFF , 1123px 1790px #FFF , 1041px 670px #FFF , 911px 1649px #FFF , 526px 386px #FFF , 611px 1687px #FFF , 1231px 99px #FFF , 1845px 1346px #FFF , 1698px 1210px #FFF , 828px 923px #FFF , 1475px 29px #FFF , 1554px 911px #FFF , 608px 1048px #FFF , 255px 544px #FFF , 1913px 9px #FFF , 31px 774px #FFF , 415px 821px #FFF , 996px 1396px #FFF , 361px 642px #FFF , 1002px 885px #FFF , 244px 15px #FFF , 1501px 1280px #FFF , 1395px 1371px #FFF , 799px 601px #FFF , 1785px 162px #FFF , 1614px 876px #FFF , 478px 1604px #FFF , 278px 1942px #FFF , 298px 800px #FFF , 306px 1856px #FFF , 17px 1720px #FFF , 1098px 500px #FFF , 875px 438px #FFF , 75px 84px #FFF , 1554px 917px #FFF , 58px 1075px #FFF , 1752px 240px #FFF , 818px 1351px #FFF , 104px 1527px #FFF , 180px 910px #FFF , 1931px 1878px #FFF , 1085px 170px #FFF , 1264px 1961px #FFF , 1337px 1204px #FFF , 41px 1607px #FFF , 1707px 1381px #FFF , 1046px 1356px #FFF , 1032px 815px #FFF , 1026px 618px #FFF , 1378px 442px #FFF , 379px 1209px #FFF , 1976px 916px #FFF , 1568px 1783px #FFF , 965px 732px #FFF , 1456px 43px #FFF , 1542px 98px #FFF , 1891px 1195px #FFF , 958px 158px #FFF , 378px 470px #FFF , 783px 1222px #FFF , 971px 1243px #FFF , 1626px 1922px #FFF , 788px 680px #FFF , 1448px 1998px #FFF , 1545px 1809px #FFF , 79px 86px #FFF , 173px 1898px #FFF , 1330px 1534px #FFF , 1353px 384px #FFF , 705px 150px #FFF , 296px 150px #FFF , 1215px 149px #FFF , 1997px 409px #FFF , 1676px 854px #FFF , 682px 1835px #FFF , 1369px 1505px #FFF , 1063px 1614px #FFF , 1348px 1035px #FFF , 325px 1598px #FFF , 1184px 576px #FFF , 558px 162px #FFF , 1250px 1977px #FFF , 403px 86px #FFF , 1248px 1395px #FFF , 824px 318px #FFF , 436px 226px #FFF , 74px 1122px #FFF , 1391px 1526px #FFF , 308px 337px #FFF , 654px 675px #FFF , 513px 1613px #FFF , 65px 1586px #FFF , 1077px 124px #FFF , 505px 1904px #FFF , 1966px 1326px #FFF , 1703px 1621px #FFF , 180px 1823px #FFF , 357px 62px #FFF , 583px 983px #FFF , 1699px 121px #FFF , 1060px 1351px #FFF , 81px 1861px #FFF , 357px 1036px #FFF , 1549px 1329px #FFF , 1260px 743px #FFF , 1431px 1873px #FFF , 318px 1095px #FFF , 1251px 1678px #FFF , 1435px 1062px #FFF , 1254px 1664px #FFF , 349px 1359px #FFF , 1905px 1019px #FFF , 1082px 1146px #FFF , 1653px 852px #FFF , 1788px 1373px #FFF , 257px 1585px #FFF , 1249px 1524px #FFF , 918px 1580px #FFF , 268px 1277px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 986px 1387px #FFF , 1146px 1431px #FFF , 1201px 420px #FFF , 1559px 558px #FFF , 988px 835px #FFF , 1173px 72px #FFF , 1014px 893px #FFF , 908px 1252px #FFF , 1130px 1797px #FFF , 203px 1470px #FFF , 1853px 683px #FFF , 138px 1406px #FFF , 277px 790px #FFF , 1044px 36px #FFF , 1988px 450px #FFF , 344px 471px #FFF , 1890px 1181px #FFF , 421px 944px #FFF , 672px 1386px #FFF , 720px 1096px #FFF , 151px 1388px #FFF , 475px 1971px #FFF , 1765px 1632px #FFF , 65px 926px #FFF , 914px 1272px #FFF , 757px 1835px #FFF , 642px 363px #FFF , 1712px 1273px #FFF , 959px 857px #FFF , 975px 393px #FFF , 261px 1379px #FFF , 1047px 165px #FFF , 944px 1224px #FFF , 1693px 1122px #FFF , 901px 806px #FFF , 1488px 1976px #FFF , 493px 1496px #FFF , 1823px 763px #FFF , 1280px 801px #FFF , 1921px 1217px #FFF , 1273px 629px #FFF , 1777px 1589px #FFF , 85px 73px #FFF , 1433px 117px #FFF , 1536px 735px #FFF , 556px 1864px #FFF , 1761px 1596px #FFF , 755px 361px #FFF , 1453px 1960px #FFF , 1105px 91px #FFF , 220px 414px #FFF , 580px 1419px #FFF , 1273px 679px #FFF , 1028px 534px #FFF , 1079px 1675px #FFF , 1556px 1478px #FFF , 920px 1659px #FFF , 810px 851px #FFF , 866px 1428px #FFF , 1580px 209px #FFF , 1362px 1318px #FFF , 1089px 1577px #FFF , 562px 700px #FFF , 384px 1386px #FFF , 651px 300px #FFF , 313px 315px #FFF , 1320px 443px #FFF , 333px 318px #FFF , 1434px 1034px #FFF , 1328px 1596px #FFF , 1495px 1648px #FFF , 1700px 1724px #FFF , 808px 484px #FFF , 645px 714px #FFF , 1176px 688px #FFF , 1225px 772px #FFF , 597px 524px #FFF , 1959px 157px #FFF , 1622px 815px #FFF , 1988px 1467px #FFF , 723px 1718px #FFF , 700px 1457px #FFF , 1892px 854px #FFF , 474px 302px #FFF , 465px 805px #FFF , 401px 722px #FFF , 590px 1076px #FFF , 1797px 497px #FFF , 407px 506px #FFF , 1658px 768px #FFF , 237px 1255px #FFF , 898px 1188px #FFF , 302px 114px #FFF , 1691px 332px #FFF , 1889px 1201px #FFF , 1625px 1549px #FFF , 388px 208px #FFF , 791px 1967px #FFF , 93px 1211px #FFF , 1260px 256px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 986px 1387px #FFF , 1146px 1431px #FFF , 1201px 420px #FFF , 1559px 558px #FFF , 988px 835px #FFF , 1173px 72px #FFF , 1014px 893px #FFF , 908px 1252px #FFF , 1130px 1797px #FFF , 203px 1470px #FFF , 1853px 683px #FFF , 138px 1406px #FFF , 277px 790px #FFF , 1044px 36px #FFF , 1988px 450px #FFF , 344px 471px #FFF , 1890px 1181px #FFF , 421px 944px #FFF , 672px 1386px #FFF , 720px 1096px #FFF , 151px 1388px #FFF , 475px 1971px #FFF , 1765px 1632px #FFF , 65px 926px #FFF , 914px 1272px #FFF , 757px 1835px #FFF , 642px 363px #FFF , 1712px 1273px #FFF , 959px 857px #FFF , 975px 393px #FFF , 261px 1379px #FFF , 1047px 165px #FFF , 944px 1224px #FFF , 1693px 1122px #FFF , 901px 806px #FFF , 1488px 1976px #FFF , 493px 1496px #FFF , 1823px 763px #FFF , 1280px 801px #FFF , 1921px 1217px #FFF , 1273px 629px #FFF , 1777px 1589px #FFF , 85px 73px #FFF , 1433px 117px #FFF , 1536px 735px #FFF , 556px 1864px #FFF , 1761px 1596px #FFF , 755px 361px #FFF , 1453px 1960px #FFF , 1105px 91px #FFF , 220px 414px #FFF , 580px 1419px #FFF , 1273px 679px #FFF , 1028px 534px #FFF , 1079px 1675px #FFF , 1556px 1478px #FFF , 920px 1659px #FFF , 810px 851px #FFF , 866px 1428px #FFF , 1580px 209px #FFF , 1362px 1318px #FFF , 1089px 1577px #FFF , 562px 700px #FFF , 384px 1386px #FFF , 651px 300px #FFF , 313px 315px #FFF , 1320px 443px #FFF , 333px 318px #FFF , 1434px 1034px #FFF , 1328px 1596px #FFF , 1495px 1648px #FFF , 1700px 1724px #FFF , 808px 484px #FFF , 645px 714px #FFF , 1176px 688px #FFF , 1225px 772px #FFF , 597px 524px #FFF , 1959px 157px #FFF , 1622px 815px #FFF , 1988px 1467px #FFF , 723px 1718px #FFF , 700px 1457px #FFF , 1892px 854px #FFF , 474px 302px #FFF , 465px 805px #FFF , 401px 722px #FFF , 590px 1076px #FFF , 1797px 497px #FFF , 407px 506px #FFF , 1658px 768px #FFF , 237px 1255px #FFF , 898px 1188px #FFF , 302px 114px #FFF , 1691px 332px #FFF , 1889px 1201px #FFF , 1625px 1549px #FFF , 388px 208px #FFF , 791px 1967px #FFF , 93px 1211px #FFF , 1260px 256px #FFF;
}

#title {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  color: #FFF;
  text-align: center;
  font-family: "lato", sans-serif;
  font-weight: 300;
  font-size: 50px;
  letter-spacing: 10px;
  margin-top: -60px;
  padding-left: 10px;
}
#title span {
  background: -webkit-linear-gradient(white, #38495a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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