/*-----------------------------------------------------------------------------------

    Template Name: Template Name
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    01. Template default CSS
    02. Header CSS
        2.1 Header Top
        2.2 Header Bottom
        2.3 Mobile Menu
        2.4 Offcanvas Search
    03. Hero CSS
    04. Component CSS
        4.1 Button CSS
        4.2 Team CSS
        4.3 Funfact CSS
        4.4 Testimonial CSS
        4.5 Brand Logo CSS
        4.6 Breadcrumb CSS
        4.7 Pagination CSS
    05. Pages CSS
        5.1 About CSS
        5.2 Project CSS 
        5.3 Blog CSS 
        5.4 Contact CSS 
        5.5 Faq CSS 
        5.6 Error 404 CSS
    06. Footer CSS
        6.1 Footer Top CSS
        6.2 Footer Bottom CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  01. Template default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  position: relative;
  visibility: visible;
  color: "";
  font-family: "Open Sans", Sans-serif;
  color: #797979;
}

body[dir="rtl"] {
  text-align: right;
}

a,
button {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

p:last-child {
  margin-bottom: 0;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

/* No Gutters */
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* Image Fit */
.fit-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Body Overlay */
.body-overlay {
  background-color: rgba(255, 255, 255, 0.8);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  cursor: crosshair;
}

/* Scroll Up */
.scroll-top {
  position: fixed;
  right: 30px;
  bottom: -60px;
  z-index: 999;
  -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
          box-shadow: 0 30px 50px rgba(0, 0, 0, 0.03);
  display: block;
  padding: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  background-color: #666666;
  background-size: 200% auto;
  background-position: left center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  overflow: hidden;
  border-radius: 4px;
background: #ffb300;
}

.scroll-top:hover {
  background-color: #ffb300;
}

.scroll-top:hover i {
  color: #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@media only screen and (max-width: 479px) {
  .scroll-top {
    font-size: 20px;
  }
}

.scroll-top.show {
  visibility: visible;
  opacity: 1;
  bottom: 60px;
}

.scroll-top i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #ffffff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.scroll-top .arrow-top {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.scroll-top .arrow-bottom {
  -webkit-transform: translate(-50%, 80px);
      -ms-transform: translate(-50%, 80px);
          transform: translate(-50%, 80px);
}

.scroll-top:hover {
  background-position: right center;
}

.scroll-top:hover .arrow-top {
  -webkit-transform: translate(-50%, -80px);
      -ms-transform: translate(-50%, -80px);
          transform: translate(-50%, -80px);
}

.scroll-top:hover .arrow-bottom {
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* ---Social Links --- */
.widget-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.widget-social a {
  font-size: 16px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  background: #ececec;
  color: #000000;
  margin-right: 10px;
  border-radius: 50%;
}

.widget-social a:hover {
  background: #ffb300;
  color: #ffffff;
}

a.read_more{
  color: #ffb300;
}

@media only screen and (max-width: 479px) {
  .widget-social a {
    margin-right: 5px;
  }
}

/* Section Style */
.section,
.section-fluid {
  float: left;
  width: 100%;
}

.section-fluid {
  padding-right: 160px;
  padding-left: 160px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .section-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .section-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

/* Section Spacing */
.section-padding {
  padding-top: 120px;
  padding-bottom: 120px;
}

.bg-secondary{
  background-blend-mode: overlay;
  background-image: url('../images/bg/diamond.png');
}

.bg-grey{
  background-color: #F6F5FA;
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .section-padding {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.section-margin {
  margin-top: 120px;
  margin-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-margin {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .section-margin {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.section-padding-sm {
  padding-top: 60px;
  padding-bottom: 60px;
}

.section-margin-sm {
  margin-top: 60px;
  margin-bottom: 60px;
}

/* Section TItle */
.section-title {
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title {
    margin-bottom: 40px;
  }
}

.section-title .title {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.16;
  margin-bottom: 0;
  margin-top: -7px;
  color: #06175B;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .section-title .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .section-title .title {
    font-size: 26px;
  }
}

.section-title span {
  content: "";
  width: 100px;
  height: 2px;
  background: #ffb300;
  margin-top: 15px;
  margin-bottom: 15px;
}

.section-title .sub-title {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 1.4;
  font-family: "Poppins", sans-serif;
}

.sub-title-logo-color {
    color: #1c3664;
}

@media only screen and (max-width: 479px) {
  .section-title .sub-title {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* swiper default styles */
.swiper-pagination {
  position: static;
  display: block;
  line-height: 1;
  margin-top: 20px;
  margin-left: 10px;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  border: 2px solid #d8d8d8;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
  position: relative;
  outline: none;
  margin-right: 20px;
  margin: 0 8px !important;
}

.swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}

.swiper-pagination .swiper-pagination-bullet:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.swiper-pagination .swiper-pagination-bullet:hover:before {
  width: 12px;
  height: 12px;
  opacity: 1;
  background: #d8d8d8;
  border-radius: 100%;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d8d8d8;
}

.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet:hover:before {
  background: #ffb300;
}

.swiper-pagination.swiper-pagination-primary .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 2px solid #ffb300;
  background: #ffb300;
}

.swiper-nav-button {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.1s linear 2s, opacity 0.1s linear 2s;
  background-image: none;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  width: 48px;
  height: 48px;
  font-size: 24px;
  color: #6d70a6;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.01);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  margin: 0;
  top: 50%;
}

.swiper-nav-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: inherit;
  color: #ffffff;
  background: #ffffff;
}

.swiper-nav-button:hover {
  color: #ffffff;
}

.swiper-nav-button:hover::before {
  color: #ffffff;
  background: #000000;
}

.swiper-container {
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.swiper-container:hover .swiper-nav-button {
  opacity: 1;
  visibility: visible;
}

.swiper-nav-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.swiper-nav-button i::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  content: '\f104';
}

.swiper-nav-prev i::before {
  content: '\f104';
}

.swiper-button-next i::before {
  content: '\f105';
}

/* Overlay */
.overlay {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.overlay img {
  width: 100%;
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.overlay:hover:after {
  opacity: .5;
}

.overlay:hover img {
  -webkit-transform: scale(1.2) rotate(0.5deg);
      -ms-transform: scale(1.2) rotate(0.5deg);
          transform: scale(1.2) rotate(0.5deg);
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

/* Contact Map */
.contact-map {
  height: 500px;
  width: 100%;
  display: block;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
/* ======== 2.1 Header Top ========*/

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .header-top {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-top {
    display: none;
  }
}

/*-- Links --*/
.header-top-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.header-top {
  padding: 7px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .header-top-links {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
}

.header-top-links li {
  color: #ffffff;
  padding: 0 30px;
  font-size: 13px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .header-top-links li {
    padding: 0 12px;
    font-size: 13px;
  }
}

@media only screen and (max-width: 767px) {
  .header-top-links li {
    padding: 0 12px;
    font-size: 13px;
    border-left: 0px;
    margin-bottom: 5px;
  }
}

.header-top-links li:first-child {
  border-left: 0px;
  padding-left: 0px;
}

.header-top-links li a {
  color: #ffffff;
}

.header-top-links li a:hover {
  color: #ffb300;
}

.header-top-links li i {
  color: #fff;
  margin-right: 10px;
  font-size: 16px;
}

/*-- Header Top Action --*/
.header-top-action {
  position: relative;
}

.expert-text{
  color: #fff;
}

.expert-text span{
  font-size:18px;
  color: #fff;
  font-weight: 600;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .header-top-action {
    width: 290px;
    margin: 0 auto;
  }
}

.header-top-action .action-search {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border: 1px solid #41414a;
  border-radius: 3px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  padding-right: 35px;
  background: transparent;
  outline: 0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 250px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .header-top-action .action-search {
    width: 100%;
  }
}

.header-top-action .action-search:focus {
  border: 1px solid #ffb300;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-top-action .action-search::-webkit-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header-top-action .action-search::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header-top-action .action-search:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header-top-action .action-search::-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.header-top-action .action-search::placeholder {
  color: #ffffff;
  opacity: 1;
}

.header-top-action .action-btn {
  position: absolute;
  left: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 40px;
  right: 0;
  color: #ffffff;
  font-size: 16px;
  border: none;
  padding-right: 15px;
  padding-left: 5px;
  background: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.header-top-action .action-btn:hover {
  color: #ffb300;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* ======== 2.2 Header Bottom ========*/
.header-bottom {
  background: transparent;
}

.header-bottom.header-sticky {
  min-height: 100px;
}

@media only screen and (max-width: 479px) {
  .header-bottom.header-sticky {
    min-height: 80px;
  }
}

.header-bottom.header-sticky.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  width: 100%;
  -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
          animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
}

/*-- Logo --*/
.header-logo a img {
  max-width: 100%;
  padding: 12px 0px 6px 0px;
}



/*-- Main Menu --*/
.main-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-menu > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.main-menu > ul > li {
  position: relative;
}

.main-menu > ul > li + li {
  margin-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .main-menu > ul > li + li {
    margin-left: 40px;
  }
}

.main-menu > ul > li > a {
  font-size: 18px;
  line-height: 100px;
  text-decoration: none;
  letter-spacing: 0.3px;
  font-weight: 600;
}

.main-menu > ul > li > a:hover, .main-menu > ul > li > a.active {
  color: #ffb300;
}

.main-menu > ul > li.has-children > a::after {
  content: "\f107";
  font-family: 'fontAwesome';
  padding-left: 5px;
}

.main-menu > ul > li:hover .sub-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-menu > ul .sub-menu {
  background-color: #f7f7f7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 0;
  right: auto;
  width: 230px;
  padding: 15px 0;
  border-bottom: 3px solid #ffb300;
  margin-top: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 9;
}

.main-menu > ul .sub-menu::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 25px;
  text-align: center;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #f7f7f7 transparent;
}

.main-menu > ul .sub-menu li a {
  font-weight: 400;
  letter-spacing: 0.5px;
  display: block;
  padding: 5px 20px;
  text-transform: uppercase;
}

/*-- Mobile Menu Bar --*/
.main-menu-right-side {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-menu-right-side a {
  font-size: 20px;
  line-height: 100px;
  color: #3d3d3d;
}

.main-menu-right-side a:hover {
  color: #ffb300;
}

@media only screen and (max-width: 479px) {
  .main-menu-right-side a {
    line-height: 80px;
  }
}

/* ======== 2.3 Mobile Menu ========*/
.mobile-menu-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms;
  z-index: 9999;
}

.mobile-menu-wrapper.open {
  opacity: 1;
  visibility: visible;
}

.mobile-menu-wrapper.open .mobile-menu-inner {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.mobile-menu-inner {
  width: 100%;
  height: 100%;
  width: 350px;
  background-color: #f7f7f7;
  position: relative;
  -webkit-transform: translateX(calc(100% - 50px));
      -ms-transform: translateX(calc(100% - 50px));
          transform: translateX(calc(100% - 50px));
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms;
  margin-left: auto;
  position: relative;
  padding: 20px 0 40px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
}

.mobile-menu-inner .btn-close-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 50px;
  padding-left: 20px;
  color: #000000;
  opacity: 1;
}

.mobile-menu-inner .btn-close-bar i {
  cursor: pointer;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile-menu-inner .btn-close-bar i:hover {
  color: #ffb300;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.mobile-menu-inner .widget-social {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 40px;
}

.mobile-menu {
  text-align: start;
  padding: 10px 40px 30px;
}

.mobile-menu > .has-children > a i {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile-menu > .has-children .dropdown a {
  font-size: 16px;
  padding-top: 5px;
  display: block;
  padding-left: 15px;
}

.mobile-menu > .has-children.active > a {
  color: #ffb300;
}

.mobile-menu > .has-children.active > a i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile-menu > li {
  margin-bottom: 15px;
}

.mobile-menu > li > a {
  color: #000000;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-menu > li > a:hover {
  color: #ffb300;
}

.contact-links {
  text-align: left;
  padding: 0 20px 0 40px;
  margin-bottom: 40px;
}

.contact-links li {
  color: #2b2b35;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.contact-links li a {
  color: #2b2b35;
}

.contact-links li a:hover {
  color: #ffb300;
}

.contact-links li i {
  color: #ffb300;
  margin-right: 10px;
  font-size: 22px;
}

.contact-panel__info{
  background: #ffb300;
  padding: 50px;
  border: 4px solid #f2ad0a;
}

.contact-block__title{
  color: #fff;
}
.contact-block__list{
  margin-bottom: 15px;
}
.contact-block__list li{
  color: #ffffffc9;
}
.btn__white {
  background-color: #fff;
margin-top: 22px;
}
#contact-form{
  margin-top: 50px;
}
/* ======== 2.4 Offcanvas Search ========*/
.offcanvas-search {
  position: fixed;
  top: 0;
  left: 0;
  right: auto;
  height: 100vh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms;
  z-index: 9999;
}

.offcanvas-search.open {
  opacity: 1;
  visibility: visible;
}

.offcanvas-search.open .offcanvas-search-inner {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.offcanvas-search-inner {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  position: relative;
  -webkit-transform: translateX(calc(100% - 0px));
      -ms-transform: translateX(calc(100% - 0px));
          transform: translateX(calc(100% - 0px));
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transition-duration: 700ms;
       -o-transition-duration: 700ms;
          transition-duration: 700ms;
  padding: 20px 20px 40px;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-flow: row-reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}

.offcanvas-search-inner .btn-close-bar {
  font-size: 50px;
  color: #000000;
  opacity: 1;
}

.offcanvas-search-inner .btn-close-bar i {
  cursor: pointer;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.offcanvas-search-inner .btn-close-bar i:hover {
  color: #ffb300;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.offcanvas-search-form {
  width: 100%;
}

.offcanvas-search-form input {
  width: 100%;
  border: 0px;
  border-bottom: 2px solid #000000;
  font-size: 24px;
}

.offcanvas-search-form input:focus {
  outline: none;
}

/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
.hero-slide-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 690px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slide-item {
    height: 600px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slide-item {
    height: 400px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-item {
    height: 350px;
  }
}

.hero-slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.hero-slide-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-slide-content {
  position: relative;
  z-index: 99;
}

.hero-slide-content .sub-title {
  font-weight: 400;
  line-height: 1.16;
  color: #ffffff;
  margin-bottom: 20px;
  display: block;
  font-size: 18px;
}

.hero-slide-content .title {
  color: #ffffff;
  font-size: 72px;
  line-height: 1.05;
  margin-bottom: 10px;
}

.hero-slide-content p {
  font-size: 16px;
  line-height: 1.937;
  max-width: 450px;
  margin-bottom: 35px;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .hero-slide-content .title {
    font-size: 36px;
    margin-bottom: 15px;
  }
  .hero-slide-content p {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 479px) {
  .hero-slide-content .sub-title {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .hero-slide-content .title {
    font-size: 30px;
    margin-bottom: 10px;
  }
  .hero-slide-content p {
    font-size: 14px;
    line-height: 1.8;
  }
}

.hero-slider .main-slider-nav {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25);
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 28px;
}

.hero-slider .main-slider-nav::after {
  display: none;
}

.hero-slider .main-slider-nav:hover {
  color: #ffb300;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider .main-slider-nav {
    font-size: 22px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-slider .main-slider-nav {
    display: none;
  }
}

.hero-slider .home-slider-prev {
  left: 30px;
}

@media only screen and (max-width: 575px) {
  .hero-slider .home-slider-prev {
    left: 5px;
  }
}

.hero-slider .home-slider-next {
  right: 30px;
}

.hero-slider .home-slider-next::after {
  display: none;
}

@media only screen and (max-width: 575px) {
  .hero-slider .home-slider-next {
    right: 5px;
  }
}

.hero-slider:hover .main-slider-nav {
  opacity: 1;
  visibility: visible;
}

.hero-slider .home-slider-prev, .hero-slider .home-slider-next {
  margin-top: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hero-slider .swiper-pagination {
  position: absolute;
  bottom: 20px;
  display: none;
}

@media only screen and (max-width: 767px) {
  .hero-slider .swiper-pagination {
    display: block;
  }
}

.hero-slide-content > * {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

.swiper-slide-active .hero-slide-content > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.swiper-slide-active .hero-slide-content > *:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.swiper-slide-active .hero-slide-content > *:nth-child(2) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.swiper-slide-active .hero-slide-content > *:nth-child(3) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.swiper-slide-active .hero-slide-content > *:nth-child(4) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

.swiper-slide-active .hero-slide-content > *:nth-child(5) {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.swiper-slide-active .hero-slide-content > *:nth-child(6) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/*----------------------------------------*/
/*  04. Component CSS
/*----------------------------------------*/
/* ======== 4.1 Button CSS ========*/
.btn {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 28px;
  border-width: 2px;
  line-height: 1;
  border-radius:0px;
}

.btn:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 12px 25px;
}

@media only screen and (max-width: 767px) {
  .btn {
    padding: 12px 20px;
    font-size: 12px;
  }
}

/* Button Color & Style (Solid & Outline) */
.btn-primary {
  border-color: #ffb300;
  background-color: #ffb300;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.btn-primary::after {
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
  content: "";
  position: absolute;
  width: 50%;
  height: 300%;
  z-index: 1;
  right: 0px;
  top: 0px;
  margin: -30px 5px 0px -50px;
  transform-origin: 0px 0px 0px;
  transform: rotate(-30deg);
  transition: all 0.6s ease 0s;
}

.btn-primary:hover, .btn-primary:focus {
  border-color: transparent;
  background-color: #d99800;
  color: #ffffff;
}

.btn-outline-primary {
  color: #ffb300;
  border-color: #ffb300;
  background-color: transparent;
}

.btn-outline-primary:hover {
  border-color: transparent;
  background-color: #ffb300;
  color: #ffffff;
}

.btn-secondary {
  border-color: #2b2b35;
  background-color: #2b2b35;
  color: #ffffff;
}

.btn-secondary:hover, .btn-secondary:focus {
  border-color: transparent;
  background-color: #1a1a20;
  color: #ffffff;
}

.btn-outline-secondary {
  color: #2b2b35;
  border-color: #2b2b35;
  background-color: transparent;
}

.btn-outline-secondary:hover {
  border-color: transparent;
  background-color: #2b2b35;
  color: #ffffff;
}

.btn-default-color {
  border-color: #666666;
  background-color: #666666;
  color: #ffffff;
}

.btn-default-color:hover, .btn-default-color:focus {
  border-color: transparent;
  background-color: #535353;
  color: #ffffff;
}

.btn-outline-default-color {
  color: #666666;
  border-color: #666666;
  background-color: transparent;
}

.btn-outline-default-color:hover {
  border-color: transparent;
  background-color: #666666;
  color: #ffffff;
}

.btn-light {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #ffb300;
}

.btn-light:hover, .btn-light:focus {
  border-color: transparent;
  background-color: #ececec;
  color: #000000;
}

.btn-outline-light {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}

.btn-outline-light:hover {
  border-color: transparent;
  background-color: #ffffff;
  color: #000000;
}

.btn-matterhorn {
  border-color: #4d4d4d;
  background-color: #4d4d4d;
  color: #ffffff;
}

.btn-matterhorn:hover, .btn-matterhorn:focus {
  border-color: transparent;
  background-color: #3a3a3a;
  color: #ffffff;
}

.btn-outline-matterhorn {
  position: relative;
  overflow: hidden;
  color: #333;
  text-decoration: underline;
  border: none;
  padding: 0px;
}

.btn-outline-matterhorn:hover{
  background: none !important;
color: #333 !important;
}


.btn-outline-matterhorn:hover {
  border-color: transparent;
  background-color: #4d4d4d;
  color: #ffffff;
}

.btn-gray {
  border-color: #f7f7f7;
  background-color: #f7f7f7;
  color: #ffffff;
}

.btn-gray:hover, .btn-gray:focus {
  border-color: transparent;
  background-color: #e4e4e4;
  color: #ffffff;
}

.btn-outline-gray {
  color: #f7f7f7;
  border-color: #f7f7f7;
  background-color: transparent;
}

.btn-outline-gray:hover {
  border-color: transparent;
  background-color: #f7f7f7;
  color: #ffffff;
}

/* Button Hover Color & Style (Solid & Outline) */
.btn-hover-primary:hover, .btn-hover-primary:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #ffb300;
  color: #ffffff;
}

.btn-outline-hover-primary:hover, .btn-outline-hover-primary:not(:disabled):not(.disabled).active {
  color: #ffb300;
  border-color: transparent;
  background-color: transparent;
}

.btn-hover-secondary:hover, .btn-hover-secondary:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #082557;
  color: #ffffff;
}

.btn-outline-hover-secondary:hover, .btn-outline-hover-secondary:not(:disabled):not(.disabled).active {
  color: #2b2b35;
  border-color: transparent;
  background-color: transparent;
}

.btn-hover-default-color:hover, .btn-hover-default-color:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #666666;
  color: #ffffff;
}

.btn-outline-hover-default-color:hover, .btn-outline-hover-default-color:not(:disabled):not(.disabled).active {
  color: #666666;
  border-color: transparent;
  background-color: transparent;
}

.btn-hover-light:hover, .btn-hover-light:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #ffffff;
  color: #000000;
}

.btn-outline-hover-light:hover, .btn-outline-hover-light:not(:disabled):not(.disabled).active {
  color: #ffffff;
  border-color: transparent;
  background-color: transparent;
}

.btn-hover-matterhorn:hover, .btn-hover-matterhorn:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #4d4d4d;
  color: #ffffff;
}

.btn-outline-hover-matterhorn:hover, .btn-outline-hover-matterhorn:not(:disabled):not(.disabled).active {
  color: #4d4d4d;
  border-color: transparent;
  background-color: transparent;
}

.btn-hover-gray:hover, .btn-hover-gray:not(:disabled):not(.disabled).active {
  border-color: transparent;
  background-color: #f7f7f7;
  color: #ffffff;
}

.btn-outline-hover-gray:hover, .btn-outline-hover-gray:not(:disabled):not(.disabled).active {
  color: #f7f7f7;
  border-color: transparent;
  background-color: transparent;
}

/* ======== 4.2 Team CSS ========*/
.single-team-member {
  border: 1px solid #dcd9d9;
  position: relative;
}

.single-team-member:before {
  position: absolute;
  content: '';
  background: #ffb300;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  width: 0%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.single-team-member:hover:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.team-member-image img {
  width: 100%;
}

.team-member-image{
  border-bottom: 1px solid #ffb300;
box-shadow: 0px 9px 1px #ececec;
}

.team-member-content {
  padding: 28px 0 20px;
  text-align: center;
  background: #fff;
}

.team-member-content .name {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000000;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

.team-member-content .person-title {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
  color: #000000;
}

.team-member-content .social-widgets {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.team-member-content .social-widgets li a {
  padding: 10px 15px;
}

/* ======== 4.3 Funfact CSS ========*/
.funfact-bg {
  background-image: url(../images/bg/funfact-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 100px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .funfact-bg {
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .funfact-bg {
    padding: 60px 0px;
  }
}

.funfact-bg:after {
  content: "";
  background: #000000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  z-index: 2;
}

.funfact-wrap {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.funfact-wrap .funfact-icon {
  height: 100px;
  width: 100px;
  background: #ffb300;
  border-radius: 100%;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.funfact-wrap .odometer {
  display: block;
  line-height: 1;
  font-size: 46px;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
  .funfact-wrap .odometer {
    font-size: 40px;
  }
}

.funfact-wrap .title {
  display: block;
  line-height: 1;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 0;
}

/* ======== 4.4 Testimonial CSS ========*/
.testimonial .text {
  position: relative;
}
.testimonial-bg .title-box .title:before{
  left: calc(50% - 35px);
}
.testimonial-bg{
  text-align: center;
  background-color: #F4F3F7;
}

.testimonial .text p {
  padding: 30px 27px;
  font-style: italic;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  margin-bottom: 25px;
}

.testimonial .text:before {
  position: absolute;
  left: 0;
  top: 100%;
  border-width: 11px 10px 6px 17px;
  border-style: solid;
  border-color: #d6d6d6 #d6d6d6 transparent transparent;
}

.testimonial .thumb {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 30px;
}

.testimonial .thumb img {
  width: 90px;
  height: 90px;
  display: inline-block;
  border-radius: 100%;
  margin-bottom: 15px;
}

.testimonial .thumb .name .title {
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  display: block;
  line-height: 1;
  margin-bottom: 8px;
}

.testimonial .thumb .name .sub-title {
  font-size: 12px;
  color: #666666;
  font-weight: 400;
  display: block;
  line-height: 1;
}

/* ======== 4.5 Brand Logo CSS ========*/
.brand-logo-bg {
  padding: 30px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand-logo-bg {
    padding: 80px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .brand-logo-bg {
    padding: 60px 0px;
  }
}

/* ======== 4.6 Breadcrumb CSS ========*/
.breadcrumb-bg {
  background-image: url(../images/bg/breadcrumb-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.breadcrumb-bg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: #08255791;
  opacity: .6;
}

.cr-breadcrumb-area {
  padding: 60px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (max-width: 767px) {
  .cr-breadcrumb-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cr-breadcrumb-area .title {
    text-align: center;
    padding-bottom: 10px;
  }
}

.cr-breadcrumb-area .title {
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 1;
  margin-bottom: 0px;
}

@media only screen and (max-width: 575px) {
  .cr-breadcrumb-area .title {
    font-size: 26px;
  }
}

.cr-breadcrumb-area .breadcrumb-list {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.cr-breadcrumb-area .breadcrumb-list li {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.cr-breadcrumb-area .breadcrumb-list li:not(:first-child):before {
  content: "/";
  padding: 0 5px;
}

.cr-breadcrumb-area .breadcrumb-list li a {
  color: #ffffff;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 16px;
  font-weight: 400;
}

.cr-breadcrumb-area .breadcrumb-list li a:hover {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

/* ======== 4.7 Pagination CSS ========*/
.pagination-cr {
  padding-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination-cr li {
  margin-right: 10px;
}

.pagination-cr li:first-child {
  margin-left: 0;
  margin-right: 15px;
}

.pagination-cr li:first-child a {
  width: auto;
  border: none;
  text-transform: uppercase;
  display: inline-block;
}

.pagination-cr li:first-child a:hover {
  background: none;
  color: #ffb300;
}

.pagination-cr li:first-child a i {
  font-size: 14px;
  padding-right: 5px;
}

.pagination-cr li:last-child {
  margin-right: 0;
  margin-left: 15px;
}

.pagination-cr li:last-child a {
  width: auto;
  border: none;
  text-transform: uppercase;
  display: inline-block;
}

.pagination-cr li:last-child a i {
  font-size: 14px;
  padding-left: 5px;
}

.pagination-cr li:last-child a:hover {
  background: none;
  color: #ffb300;
}

.pagination-cr li a {
  height: 45px;
  width: 45px;
  line-height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}

.pagination-cr li a:hover {
  color: #ffffff;
  border-color: #ffb300;
  background: #ffb300;
}

.pagination-cr li.active a {
  color: #ffffff;
  background: #ffb300;
  border-color: #ffb300;
}

/*----------------------------------------*/
/*  05. Pages CSS
/*----------------------------------------*/
/* ======== 5.1 About CSS ========*/
.feature-box-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 0px 0px 10px 0px;
padding: 30px 0px 30px 20px;
background-color: #ffffff;
border-style: solid;
border-width: 0px 0px 2px 0px;
border-color: #e6e5e8;
}

.feature-box-wrapper .feature-box-icon {
  height: 67px;
}

@media only screen and (max-width: 575px) {
  .feature-box-wrapper .feature-box-icon {
    height: 90px;
    width: 90px;
  }
}

.feature-box-wrapper .feature-content {
  margin-left: 20px;
  width: 65%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-box-wrapper .feature-content {
    width: 58%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .feature-box-wrapper .feature-content {
    width: 75%;
  }
}

.feature-box-wrapper .feature-content .title {
  font-size: 20px;
  font-weight: 600;
  color: #06175B;
}

.feature-box-wrapper.feature-box-border {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.feature-box-wrapper.feature-box-border:not(:last-child):before {
  content: '';
  position: absolute;
  background: #ececec;
  left: 12%;
  bottom: 0;
  width: 100%;
  height: 1px;
}

.feature-box-wrapper.feature-box-border .feature-content {
  width: 75%;
  margin-left: 20px;
}

.feature-box-wrapper.feature-box-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.feature-box-wrapper.feature-box-column .feature-content {
  width: 300px;
  margin-left: 0px;
}

.about-timeline-spacing-bottom {
  padding-bottom: 20px;
}

.about-timeline-spacing-top {
  margin-top: 60px;
  padding-top: 60px;
}

.about-content-area .title {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.16;
  margin-bottom: 0;
  margin-top: -7px;
  color: #06175B;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.title-box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  font-family: "Poppins", sans-serif;
}

@media only screen and (max-width: 767px) {
  .about-content-area .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .about-content-area .title {
    font-size: 26px;
  }
}

.about-content-area .title:before {
  position: absolute;
  bottom: 0;
  content: '';
  width: 50px;
  height: 5px;
  background: #ffb300;
  left: 0px;
}

.about-image img {
  width: 100%;
}
/* ======== 5.2 Services CSS ========*/
.service-section{
  background-color: #F4F3F7;
}

/* ======== 5.2 Project CSS ========*/
.project-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .project-tab {
    display: inline-table;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .project-tab.nav-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
  }
}

.project-tab .project-filter, .project-tab .nav-link {
  font-size: 13px;
  border: 0;
  color: #666666;
  font-weight: 500;
  padding: 15px 25px;
  margin-left: 5px;
  letter-spacing: .5px;
  line-height: 1.2;
  background: #ffffff;
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}
.project-tab .project-filter:after{
  background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%;
content: "";
position: absolute;
width: 50%;
height: 300%;
z-index: 1;
right: 0px;
top: 0px;
margin: -30px 5px 0px -50px;
transform-origin: 0px 0px 0px;
transform: rotate(-30deg);
transition: all 0.6s ease 0s;
}

@media only screen and (max-width: 767px) {
  .project-tab .project-filter, .project-tab .nav-link {
    padding: 12px 15px;
  }
}

.project-tab .project-filter:focus, .project-tab .nav-link:focus {
  outline: none;
}

.project-tab .project-filter:hover, .project-tab .project-filter.is-checked, .project-tab .nav-link:hover, .project-tab .nav-link.is-checked {
  background: #ffb300;
  color: #ffffff;
}

.project-tab .nav-link {
  color: #ffffff;
  border: 1px solid #ffffff;
  background: transparent;
}

.project-tab .nav-link:hover, .project-tab .nav-link.active {
  background: #ffb300;
  color: #ffffff;
  border: 1px solid #ffb300;
}

.project-image img {
  width: 100%;
  height: 100%;
}

.project-content {
  margin-top: 27px;
}

.project-content .title {
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
}

.project-content .title a {
  color: #ffffff;
}

.project-content .title a:hover {
  color: #ffb300;
}

.project-content .link {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  line-height: 1;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #ffffff;
  font-weight: 500;
  display: block;
  text-decoration: underline;
  letter-spacing: .6px;
}

.project-content .link:hover {
  color: #ffb300;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.project-content.project-content-dark .title a {
  color: #06175b;
  font-weight: 700;
}

.project-content.project-content-dark .title a:hover {
  color: #ffb300;
}

.project-content.project-content-dark .project-tag li:after {
  color: #2b2b35;
}

.project-content.project-content-dark .project-tag li a {
  color: #2b2b35;
}

.project-content.project-content-dark .project-tag li a:hover {
  color: #ffb300;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.project-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 15px;
}

.project-tag li:after {
  content: "/";
  padding: 0 5px;
  color: #ffffff;
}

.project-tag li a {
  color: #ffffff;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 400;
  letter-spacing: .5px;
}

.project-tag li a:hover {
  color: #ffb300;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.project-tag li:last-child:after {
  display: none;
}

.tab-carousel:hover .swiper-button-next,
.tab-carousel:hover .swiper-button-prev {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.project-carousel {
  position: relative;
}

.project-carousel .swiper-button-prev {
  left: -80px;
}

.project-carousel .swiper-button-next {
  right: -80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .project-carousel .swiper-button-prev {
    left: 0px;
  }
  .project-carousel .swiper-button-next {
    right: 0px;
  }
}

.project-carousel .swiper-button-next,
.project-carousel .swiper-button-prev {
  border: 1px solid #ffffff;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  font-size: 18px;
  line-height: 18px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.project-carousel .swiper-button-next:after,
.project-carousel .swiper-button-prev:after {
  display: none;
}

.project-carousel .swiper-button-next:focus,
.project-carousel .swiper-button-prev:focus {
  outline: none;
}

.project-carousel .swiper-button-next:hover,
.project-carousel .swiper-button-prev:hover {
  background: #ffb300;
  border-color: #ffb300;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-project-fullwidth .project-content {
  text-align: center;
  margin-top: 0;
  padding: 30px 0;
  background: #f1f1f1;
}

.single-project-fullwidth .project-content .title a {
  color: #5f5f5f;
}

.single-project-fullwidth .project-content .title a:hover {
  color: #ffb300;
}

.single-project-fullwidth .project-tag {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-project-fullwidth .project-tag li:after {
  color: #5f5f5f;
}

.single-project-fullwidth .project-tag li a {
  color: #5f5f5f;
}

.single-project-fullwidth .project-tag li a:hover {
  color: #ffb300;
}

.single-project-fullwidth .project-tag li:last-child:after {
  display: none;
}

.project-overlay {
  position: relative;
  display: block;
  overflow: hidden;
}

.project-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  color: #ffffff;
}

.project-overlay img {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.single-project:hover .project-overlay:before {
  opacity: 1;
  visibility: visible;
}

.single-project:hover .project-overlay img {
  -webkit-transform: scale(1.1) rotate(1.2deg);
      -ms-transform: scale(1.1) rotate(1.2deg);
          transform: scale(1.1) rotate(1.2deg);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.project-info .title, .project-desc .title {
  font-size: 22px;
}

.project-info li, .project-desc li {
  margin-bottom: 5px;
  line-height: 1.8;
}

.project-info li span, .project-desc li span {
  font-weight: 700;
  font-size: 16px;
  margin-right: 5px;
}

/* ======== 5.3 Blog CSS ========*/
.blog-content .post-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  line-height: 1;
  margin-top: 30px;
  font-weight: 400;
  font-family: #000000;
  color: #8c8c8c;
}

.blog-content .post-meta span:after {
  content: "/";
  padding: 0 5px;
}

.blog-content .post-meta span:last-child:after {
  display: none;
}

.blog-content .post-meta span a {
  color: #8c8c8c;
}

.blog-content .post-meta span a:hover {
  color: #ffb300;
}

.blog-content .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16;
  display: block;
  margin-top: 15px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  .blog-content .title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-content .title {
    font-size: 20px;
  }
}

.blog-content .title a {
  color: #06175b;
}

.blog-content .title a:hover {
  color: #ffb300;
}

.blog-content p {
  margin-bottom: 15px;
}

.blog-content .link {
  text-decoration: underline;
  text-transform: uppercase;
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap-reverse;
      -ms-flex-wrap: wrap-reverse;
          flex-wrap: wrap-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}

.blog-content .link:before {
  content: "";
  position: relative;
  left: 0;
  width: 0;
  height: 2px;
  display: block;
  margin-right: 0px;
  color: #ffb300;
  background: #ffb300;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.blog-content .link:hover {
  color: #ffb300;
}

.blog-content .link:hover:before {
  content: "";
  position: relative;
  left: 0;
  width: 20px;
  height: 2px;
  display: block;
  margin-right: 5px;
  color: #ffb300;
  background: #ffb300;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.blog-single-post-wrapper .blog-overlay {
  position: relative;
  display: block;
  overflow: hidden;
}

.blog-single-post-wrapper .blog-overlay img {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
}

.blog-single-post-wrapper:hover .blog-overlay img {
  -webkit-transform: scale(1.1) rotate(1.2deg);
      -ms-transform: scale(1.1) rotate(1.2deg);
          transform: scale(1.1) rotate(1.2deg);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

/*-- Blog Details --*/
.blog-details .image img {
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.blog-details .content .title {
  font-size: 30px;
  font-weight: 700;
  color: #000000;
}

@media only screen and (max-width: 575px) {
  .blog-details .content .title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 479px) {
  .blog-details .content .title {
    font-size: 22px;
  }
}

.blog-details .content .meta-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #686868;
}

.blog-details .content .meta-list .meta-item {
  font-size: 14px;
  margin-right: 10px;
}

.blog-details .content .meta-list .meta-item:last-child {
  margin-right: 0;
}

.blog-details .content .meta-list .meta-item + .meta-item::before {
  content: "|";
  margin-right: 10px;
}

.blog-details .content .meta-list a:hover {
  color: #ffb300;
}

.blog-details .blockquote {
  font-size: 16px;
  line-height: 2;
  position: relative;
  background-color: #ececec;
  color: #000000;
  font-weight: 600;
  padding: 50px 35px 35px;
}

@media only screen and (max-width: 575px) {
  .blog-details .blockquote {
    font-size: 14px;
  }
}

.blog-details .blockquote:before {
  background-color: #ffb300;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
}

.blog-details .blockquote:after {
  content: "\f10e";
  color: #8c8c8c;
  font-family: "FontAwesome";
  font-size: 30px;
  position: absolute;
  top: 15px;
  right: 25px;
}

@media only screen and (max-width: 575px) {
  .blog-details .blockquote:after {
    font-size: 20px;
    top: 30px;
    right: 15px;
  }
}

.blog-details .blockquote .blockquote-footer {
  color: #666666;
  font-size: 15px;
  font-weight: 400;
}

.blog-details .share-article {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.blog-details .share-article .left-side {
  float: left;
}

.blog-details .share-article .right-side {
  float: right;
}

@media only screen and (max-width: 479px) {
  .blog-details .share-article h6, .blog-details .share-article .h6 {
    display: none;
  }
}

.comment-area-wrapper .title {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}

.comment-area-wrapper .single-comment-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.comment-area-wrapper .single-comment-wrap.comment-reply {
  padding-left: 50px;
}

@media only screen and (max-width: 479px) {
  .comment-area-wrapper .single-comment-wrap.comment-reply {
    padding-left: 20px;
  }
}

.comment-area-wrapper .single-comment-wrap .author-thumb {
  margin-right: 10px;
  width: 80px;
  height: 80px;
}

.comment-area-wrapper .single-comment-wrap .author-thumb img {
  width: 100%;
  border-radius: 50%;
}

@media only screen and (max-width: 479px) {
  .comment-area-wrapper .single-comment-wrap .author-thumb {
    width: 50px;
    height: 50px;
  }
}

.comment-area-wrapper .single-comment-wrap .comments-info {
  width: 90%;
}

.comment-area-wrapper .single-comment-wrap .comments-info .author {
  font-size: 12px;
  color: #000000;
}

.comment-area-wrapper .single-comment-wrap .comments-info .author a {
  color: #000000;
  font-size: 14px;
}

.comment-area-wrapper .single-comment-wrap .comments-info .author a:hover {
  color: #ffb300;
}

.comment-area-wrapper .single-comment-wrap .comments-info .btn-reply {
  font-size: 12px;
  color: #000000;
}

.comment-area-wrapper .single-comment-wrap .comments-info .btn-reply:hover {
  color: #ffb300;
}

.blog-comment-form-wrapper .title {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}

.blog-comment-form-wrapper .comment-box .input-area {
  padding: 10px 15px;
  background: #ececec;
  border: 0px;
}

.blog-comment-form-wrapper .comment-box .input-area:focus {
  border: 0px;
  outline: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*------- Sidebar Blog ----*/
.sidebar {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.sidebar:first-child {
  margin-top: 0;
}

.sidebar .sidebar-title {
  position: relative;
padding-bottom: 10px;
margin-bottom: 25px;
font-size: 24px;
text-transform: capitalize;
color: #06175B;
line-height: 1;
font-weight: 700;
}

.sidebar .sidebar-title::after {
  position: absolute;
  bottom: -4px;
  content: '';
  width: 50px;
  height: 5px;
  background: #ffb300;
  left: 0px;
}

@media only screen and (max-width: 479px) {
  .sidebar .sidebar-title {
    font-size: 20px;
  }
}

/*Sidebar Search*/
.sidebar-search form {
  position: relative;
  max-width: 100%;
}

.sidebar-search form input {
  font-size: 14px;
  width: 100%;
  border: none;
  line-height: 30px;
  padding: 10px 20px;
  padding-right: 50px;
  background-color: #f7f7f7;
  color: #000000;
}

.sidebar-search form input:focus {
  border: 0;
  outline: none;
  border-radius: 0;
}

.sidebar-search form button {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  padding: 0;
  border: none;
  color: #000000;
  padding: 0 17px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.sidebar-search form button:hover {
  color: #ffb300;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.sidebar-search form button i {
  font-size: 18px;
  line-height: 50px;
  display: block;
}

/*Sidebar Link*/
.sidebar-link {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-link li {
  margin-top: 20px;
}

.sidebar-link li:first-child {
  margin-top: 0px;
}

.sidebar-link li a {
  display: block;
  position: relative;
  line-height: 1;
  font-weight: 400;
  font-size: 16px;
  padding-bottom: 10px;
}

.sidebar-link li a span {
  float: right;
}

/*Sidebar Blog*/
.sidebar-blog {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebar-blog li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0px;
  border-bottom: 1px solid #eee;
}

.sidebar-blog li:first-child {
  margin-top: 0px;
}

.sidebar-blog li .image {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 80px;
      -ms-flex: 1 0 80px;
          flex: 1 0 80px;
  margin-right: 15px;
}

.sidebar-blog li .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 calc(100% - 95px);
      -ms-flex: 1 0 calc(100% - 95px);
          flex: 1 0 calc(100% - 95px);
}

.sidebar-blog li .content .title {
  display: block;
  font-weight: 500;
  line-height: 1.35;
  color: #000000;
}

.sidebar-blog li .content .title:hover {
  color: #ffb300;
}

.sidebar-blog li .content .date {
  display: block;
  font-size: 13px;
  line-height: 1;
  margin-top: 10px;
}

/*Sidebar Tags*/
.sidebar-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -3px;
}

.sidebar-tags a {
  font-size: 13px;
  color: #000000;
  background-color: transparent;
  padding: 6px 20px;
  margin: 3px;
  border: 1px solid #dcd9d9;
}

.sidebar-tags a:hover {
  border-color: #ffb300;
  background-color: #ffb300;
  color: #ffffff;
}

/* ======== 5.4 Contact CSS ========*/
.single-contact-address {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.single-contact-address:hover .contact-address-icon {
  background: #ffb300;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.single-contact-address:hover .contact-address-icon:before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.single-contact-address .title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 20px;
}

.single-contact-address p {
  line-height: 1.4;
  margin-bottom: 10px;
}

.single-contact-address p:last-child {
  margin-bottom: 0;
}

.contact-address-icon {
  background: #2b2b35;
  color: #ffffff;
  padding: 30px;
  font-size: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.contact-address-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 100%;
  border: 2px solid #ffb300;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.contact-form {
  color: #000000;
  font-size: 20px;
}

.contact-form .input-item {
  padding: 10px 20px;
}

.contact-form .input-item, .contact-form .textarea-item {
  width: 100%;
  border: 0;
  font-size: 14px;
  background: #dcd9d9;
}

.contact-form .input-item:focus, .contact-form .textarea-item:focus {
  border: 0px;
  outline: 0px;
}

.contact-form .textarea-item {
  min-height: 130px;
  padding: 10px 20px;
}

p.form-messege {
  font-size: 16px;
  margin-bottom: 0;
  display: inline-block;
  padding-top: 30px;
  line-height: 1;
  display: none;
}

p.form-messege.success {
  display: block;
}

p.form-messege.error {
  display: block;
}

/* ======== 5.5 Faq CSS ========*/
.faq_content_area {
  padding: 0px 0 65px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_content_area {
    padding: 0px 0 30px;
  }
}

.accordion_area .card-header {
  background: #ffb300;
}

.accordion_area .card-header:first-child {
  border-radius: inherit;
}

.card_dipult {
  border: none;
  margin-bottom: 10px;
  border-radius: 5px;
}

@media only screen and (max-width: 479px) {
  .card_dipult .card-body p {
    font-size: 12px;
  }
}

.card_dipult:last-child {
  margin-bottom: 0;
}

.card-header.card_accor {
  padding: 0;
  border: none;
}

.card-header.card_accor button {
  height: 45px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  white-space: initial;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-header.card_accor button {
    height: 60px;
  }
}

.card-header.card_accor button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card-header.card_accor button i {
  position: absolute;
  top: 50%;
  -webkit-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
      transform: translatey(-50%);
  right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-header.card_accor button i {
    right: 10px;
  }
}

.card-header.card_accor button.btn-link {
  border-bottom: 1px dotted #ffb300;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  padding-left: 20px;
  height: 100%;
  line-height: 1.6;
  padding-right: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-header.card_accor button.btn-link {
    padding: 10px 28px 10px 10px;
    font-size: 13px;
  }
}

.card-header.card_accor button.btn-link.collapsed {
  background: #f7f7f7;
  border-bottom: 1px dotted #ffb300;
  width: 100%;
  text-align: left;
  color: #000000;
}

.card-header.card_accor button.btn-link i.fa-plus {
  display: none;
}

.card-header.card_accor button.btn-link.collapsed i.fa-plus {
  display: block;
}

.card-header.card_accor button.btn-link.collapsed i.fa-minus {
  display: none;
}

.faq_content_wrapper .title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.5;
  margin-top: -8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq_content_wrapper .title {
    font-size: 14px;
    line-height: 24px;
  }
}

/* ======== 5.6 Error 404 CSS ========*/
.error-area img {

}

@media only screen and (max-width: 767px), only screen and (max-width: 575px), only screen and (max-width: 479px) {
  .error-area img {
    width: 100%;
  }
}

.error-area .title {
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 1;
  font-size: 36px;
}

@media only screen and (max-width: 575px), only screen and (max-width: 479px) {
  .error-area .title {
    font-size: 26px;
    margin-top: 40px;
  }
}

.error-area .error-btn_wrap {
  margin-top: 50px;
}

@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error-area .error-btn_wrap {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 575px), only screen and (max-width: 479px) {
  .error-area .error-btn_wrap {
    margin-top: 20px;
  }
}

/*----------------------------------------*/
/*  06. Footer CSS
/*----------------------------------------*/
/* ======== 6.1 Footer Top CSS ========*/
.footer-top {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-top {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.single-footer-widget .widget-title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  line-height: 1;
  display: block;
}

.single-footer-widget .widget-title:after {
  content: "";
  background: #ffb300;
  width: 40px;
  position: absolute;
  bottom: -15px;
  left: 0;
  height: 5px;
}

.single-footer-widget .desc-content {
  color: #ffffff;
}

.single-footer-widget .widget-address li {
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 20px;
  line-height: 1;
}

.single-footer-widget .widget-address li:last-child {
  margin-bottom: 0px;
}

.single-footer-widget .widget-address li i {
  font-size: 18px;
  margin-right: 10px;
  color: #ffb300;
}

.single-footer-widget .widget-address li a {
  color: #ffffff;
}

.single-footer-widget .widget-address li a:hover {
  color: #ffb300;
}

.single-footer-widget .widget-list li {
  margin-bottom: 10px;
}

.single-footer-widget .widget-list li a {
  color: #ffffff;
  display: block;
  line-height: 1.9;
}

.single-footer-widget .widget-list li a:hover {
  color: #ffb300;
  padding-left: 5px;
}

.single-footer-widget .widget-list li:last-child {
  margin-bottom: 0;
}

.single-footer-widget .widget-social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.single-footer-widget .widget-social a {
  padding: 10px;
  margin-right: 10px;
  color: #ffffff;
  border: 1px solid #8b8b8b;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  background: transparent;
  font-size: 18px;
}

@media only screen and (max-width: 767px) {
  .single-footer-widget .widget-social a {
    margin-right: 8px;
  }
}

.single-footer-widget .widget-social a:hover {
  background: #ffb300;
  color: #000000;
  border-color: #ffb300;
}

.newsletter-form-wrap .mc-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.newsletter-form-wrap .mc-form .email-box {
  padding: 5px 35px 5px 10px;
  border-radius: 0;
  background: transparent;
  border: 1px solid #8b8b8b;
  border-right: 0;
  color: #ffffff;
  min-height: 41px;
}

.newsletter-form-wrap .mc-form .email-box:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.newsletter-form-wrap .mc-form .email-box::-webkit-input-placeholder {
  color: #ececec;
  opacity: 1;
}

.newsletter-form-wrap .mc-form .email-box::-moz-placeholder {
  color: #ececec;
  opacity: 1;
}

.newsletter-form-wrap .mc-form .email-box:-ms-input-placeholder {
  color: #ececec;
  opacity: 1;
}

.newsletter-form-wrap .mc-form .email-box::-ms-input-placeholder {
  color: #ececec;
  opacity: 1;
}

.newsletter-form-wrap .mc-form .email-box::placeholder {
  color: #ececec;
  opacity: 1;
}

.newsletter-form-wrap .mc-form .newsletter-btn {
  padding: 0 10px 0 0;
  border: 1px solid #8b8b8b;
  border-left: 0;
  border-radius: 0;
  background: transparent;
  color: #ffffff;
  min-height: 41px;
  position: absolute;
  top: 0;
  right: 0;
}

.newsletter-form-wrap .mc-form .newsletter-btn:hover {
  color: #ffb300;
}

.newsletter-form-wrap .mc-form .newsletter-btn:focus {
  outline: none;
}

/* ======== 6.2 Footer Bottom CSS ========*/
.footer-bottom {
  padding: 15px 0;
  border-top: 1px solid #e8e8e81c;
}

.copyright-content p {
  color: #ffffff;
}

.copyright-content p a {
  color: #ffffff;
}

.copyright-content p a:hover {
  color: #ffb300;
}

 p {
    font-size: 1.1rem !important;
}

.cookie-nav {
    text-align: center;
    font-size: 1.4em !important;
    width: 100%;
}

.fixed-bottom {
    margin-bottom: 20px !important;
}

.hide-me {
    display: none;
}

.saving7 {
    position: relative;
    font-size: 1.2em;
    padding: 20px 24px 20px 26px;
    background: radial-gradient(ellipse at bottom, #4D4D4D 0%, #090A0F 100%);
    color: #ffffff;
    overflow: hidden;
}

.how-game-image {
    display: inline-block;
    width: 90px;
    height: 90px;
    padding-right: 10px;
}

.saving7 td {
    vertical-align: middle;
}

div.bonus {
    margin-top: 20px;
    font-weight: 900;
    font-size: 1.2em;
   
}

@media only screen and (min-width: 300px) and (max-width: 1200px) {
    div.game-images {
        width: 540px;
    }
}

@media only screen and (min-width: 300px) and (max-width: 600px) {
    .how-game-image {
        display: inline-block;
        width: 60px;
        height: 60px;
        padding-right: 10px;
    }
}

.saving7-applink {
   
}


#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1494px 528px #FFF, 1110px 730px #FFF, 1429px 839px #FFF, 1109px 1285px #FFF, 1932px 643px #FFF, 1353px 201px #FFF, 670px 438px #FFF, 1210px 172px #FFF, 73px 736px #FFF, 622px 1514px #FFF, 1137px 68px #FFF, 595px 1644px #FFF, 335px 372px #FFF, 1453px 255px #FFF, 1809px 247px #FFF, 99px 1406px #FFF, 823px 396px #FFF, 1875px 449px #FFF, 4px 1223px #FFF, 198px 636px #FFF, 1735px 80px #FFF, 1988px 894px #FFF, 442px 505px #FFF, 390px 1725px #FFF, 941px 1379px #FFF, 1895px 8px #FFF, 29px 1003px #FFF, 432px 1131px #FFF, 1989px 1567px #FFF, 1484px 793px #FFF, 117px 1236px #FFF, 1006px 1571px #FFF, 1151px 1125px #FFF, 1702px 45px #FFF, 825px 1313px #FFF, 97px 1875px #FFF, 1859px 1258px #FFF, 1787px 830px #FFF, 29px 717px #FFF, 1177px 1296px #FFF, 1766px 1884px #FFF, 1184px 6px #FFF, 1824px 1380px #FFF, 382px 399px #FFF, 724px 283px #FFF, 726px 1048px #FFF, 1521px 1395px #FFF, 1780px 1834px #FFF, 1185px 1917px #FFF, 362px 1095px #FFF, 1982px 840px #FFF, 1449px 567px #FFF, 191px 327px #FFF, 1848px 319px #FFF, 390px 914px #FFF, 1729px 1092px #FFF, 196px 290px #FFF, 1560px 1158px #FFF, 22px 694px #FFF, 1912px 675px #FFF, 706px 11px #FFF, 1679px 814px #FFF, 716px 181px #FFF, 980px 662px #FFF, 1909px 231px #FFF, 852px 1998px #FFF, 1072px 1873px #FFF, 1758px 158px #FFF, 1055px 1127px #FFF, 375px 1948px #FFF, 1888px 304px #FFF, 348px 1460px #FFF, 176px 1229px #FFF, 1753px 1524px #FFF, 69px 955px #FFF, 40px 701px #FFF, 1415px 223px #FFF, 1315px 838px #FFF, 1535px 805px #FFF, 1534px 783px #FFF, 259px 139px #FFF, 1862px 950px #FFF, 1308px 501px #FFF, 1267px 75px #FFF, 45px 1204px #FFF, 657px 285px #FFF, 1695px 1630px #FFF, 1648px 466px #FFF, 658px 755px #FFF, 967px 677px #FFF, 1652px 449px #FFF, 476px 350px #FFF, 877px 1739px #FFF, 874px 1711px #FFF, 546px 82px #FFF, 549px 1051px #FFF, 1300px 538px #FFF, 1102px 1884px #FFF, 873px 441px #FFF, 691px 1825px #FFF, 1508px 411px #FFF, 727px 652px #FFF, 362px 1752px #FFF, 1654px 12px #FFF, 350px 1906px #FFF, 628px 1831px #FFF, 517px 1439px #FFF, 1550px 1635px #FFF, 607px 1050px #FFF, 333px 1238px #FFF, 1563px 1736px #FFF, 1280px 1202px #FFF, 643px 265px #FFF, 1251px 857px #FFF, 1860px 748px #FFF, 1083px 1595px #FFF, 871px 1023px #FFF, 1646px 868px #FFF, 901px 831px #FFF, 1880px 1362px #FFF, 50px 148px #FFF, 802px 1386px #FFF, 663px 56px #FFF, 1826px 1974px #FFF, 537px 294px #FFF, 1172px 554px #FFF, 935px 824px #FFF, 496px 789px #FFF, 400px 1755px #FFF, 556px 1107px #FFF, 1344px 1236px #FFF, 172px 325px #FFF, 755px 94px #FFF, 541px 1026px #FFF, 1702px 1660px #FFF, 1398px 287px #FFF, 1263px 1293px #FFF, 148px 1050px #FFF, 1512px 887px #FFF, 389px 1854px #FFF, 1516px 1965px #FFF, 182px 1942px #FFF, 602px 55px #FFF, 974px 1762px #FFF, 1305px 1528px #FFF, 676px 526px #FFF, 832px 1943px #FFF, 1215px 88px #FFF, 1426px 1134px #FFF, 1657px 897px #FFF, 1704px 323px #FFF, 392px 1596px #FFF, 1404px 1427px #FFF, 1070px 102px #FFF, 1642px 950px #FFF, 1454px 881px #FFF, 1123px 1980px #FFF, 1494px 1149px #FFF, 559px 773px #FFF, 1699px 404px #FFF, 1334px 1163px #FFF, 1265px 140px #FFF, 589px 674px #FFF, 1277px 601px #FFF, 1362px 294px #FFF, 149px 338px #FFF, 819px 366px #FFF, 1380px 457px #FFF, 394px 1856px #FFF, 289px 1132px #FFF, 1845px 1176px #FFF, 1067px 98px #FFF, 1449px 1057px #FFF, 1934px 1374px #FFF, 1198px 1390px #FFF, 500px 1516px #FFF, 1005px 1739px #FFF, 1645px 444px #FFF, 1796px 184px #FFF, 1390px 1142px #FFF, 1600px 1018px #FFF, 1736px 98px #FFF, 766px 45px #FFF, 665px 1475px #FFF, 208px 515px #FFF, 1361px 1005px #FFF, 1380px 550px #FFF, 719px 1041px #FFF, 1248px 262px #FFF, 1914px 1705px #FFF, 1551px 114px #FFF, 1647px 438px #FFF, 50px 667px #FFF, 1601px 307px #FFF, 403px 690px #FFF, 1091px 194px #FFF, 599px 1882px #FFF, 1188px 530px #FFF, 254px 445px #FFF, 296px 137px #FFF, 1538px 812px #FFF, 665px 694px #FFF, 811px 1696px #FFF, 76px 696px #FFF, 792px 1284px #FFF, 299px 1549px #FFF, 1610px 566px #FFF, 1567px 1377px #FFF, 1218px 1083px #FFF, 1688px 1288px #FFF, 616px 914px #FFF, 593px 1304px #FFF, 193px 1248px #FFF, 1582px 871px #FFF, 1317px 1626px #FFF, 378px 1270px #FFF, 75px 577px #FFF, 1170px 1675px #FFF, 997px 1138px #FFF, 941px 1308px #FFF, 953px 962px #FFF, 1615px 856px #FFF, 1261px 1963px #FFF, 1670px 649px #FFF, 1641px 1913px #FFF, 945px 1188px #FFF, 379px 1698px #FFF, 1874px 1392px #FFF, 1813px 1286px #FFF, 392px 1936px #FFF, 133px 1058px #FFF, 511px 460px #FFF, 1571px 1385px #FFF, 176px 1954px #FFF, 1923px 1779px #FFF, 615px 1407px #FFF, 396px 477px #FFF, 1907px 953px #FFF, 1826px 1005px #FFF, 1326px 1728px #FFF, 1522px 460px #FFF, 1925px 38px #FFF, 493px 555px #FFF, 752px 295px #FFF, 239px 769px #FFF, 293px 1610px #FFF, 1020px 1158px #FFF, 1285px 690px #FFF, 1193px 1596px #FFF, 390px 486px #FFF, 90px 1018px #FFF, 1667px 166px #FFF, 1375px 1082px #FFF, 112px 870px #FFF, 567px 1962px #FFF, 707px 883px #FFF, 1202px 328px #FFF, 1302px 1564px #FFF, 1665px 1775px #FFF, 97px 935px #FFF, 1137px 691px #FFF, 1224px 602px #FFF, 1473px 560px #FFF, 749px 167px #FFF, 1878px 1390px #FFF, 314px 1898px #FFF, 1167px 965px #FFF, 591px 1568px #FFF, 511px 1679px #FFF, 1891px 1284px #FFF, 822px 466px #FFF, 1597px 1689px #FFF, 1614px 1105px #FFF, 584px 778px #FFF, 1056px 1981px #FFF, 1991px 984px #FFF, 340px 455px #FFF, 1987px 787px #FFF, 1450px 1783px #FFF, 1445px 1601px #FFF, 198px 935px #FFF, 486px 161px #FFF, 1584px 213px #FFF, 1286px 1453px #FFF, 487px 1159px #FFF, 1916px 1089px #FFF, 9px 534px #FFF, 133px 303px #FFF, 1263px 178px #FFF, 713px 859px #FFF, 832px 1895px #FFF, 1762px 308px #FFF, 693px 1043px #FFF, 557px 1098px #FFF, 372px 363px #FFF, 1281px 1071px #FFF, 1309px 1030px #FFF, 235px 1879px #FFF, 1614px 950px #FFF, 449px 903px #FFF, 240px 1081px #FFF, 47px 1472px #FFF, 410px 234px #FFF, 1640px 316px #FFF, 1858px 672px #FFF, 711px 331px #FFF, 1030px 320px #FFF, 690px 1654px #FFF, 564px 1624px #FFF, 558px 805px #FFF, 223px 1858px #FFF, 691px 302px #FFF, 1056px 1866px #FFF, 452px 994px #FFF, 466px 1475px #FFF, 700px 1359px #FFF, 270px 348px #FFF, 1418px 1111px #FFF, 1977px 1205px #FFF, 1431px 322px #FFF, 413px 1718px #FFF, 95px 754px #FFF, 1868px 1063px #FFF, 135px 1254px #FFF, 1149px 20px #FFF, 1370px 1513px #FFF, 557px 1361px #FFF, 873px 119px #FFF, 1190px 1912px #FFF, 1416px 1885px #FFF, 492px 1562px #FFF, 3px 1877px #FFF, 1170px 1443px #FFF, 440px 1417px #FFF, 1294px 739px #FFF, 453px 1488px #FFF, 209px 1070px #FFF, 550px 1594px #FFF, 1396px 1208px #FFF, 1810px 854px #FFF, 266px 985px #FFF, 620px 1834px #FFF, 1277px 1595px #FFF, 184px 1146px #FFF, 1040px 1973px #FFF, 999px 1804px #FFF, 936px 1204px #FFF, 1565px 1933px #FFF, 1040px 1026px #FFF, 346px 309px #FFF, 107px 352px #FFF, 736px 1352px #FFF, 563px 880px #FFF, 1588px 192px #FFF, 375px 1063px #FFF, 749px 1800px #FFF, 1387px 621px #FFF, 868px 352px #FFF, 1681px 653px #FFF, 655px 1500px #FFF, 937px 759px #FFF, 1120px 928px #FFF, 154px 1957px #FFF, 1031px 383px #FFF, 1201px 716px #FFF, 1586px 1187px #FFF, 430px 1214px #FFF, 1522px 641px #FFF, 247px 1187px #FFF, 1072px 1472px #FFF, 69px 173px #FFF, 47px 746px #FFF, 1430px 1828px #FFF, 1534px 1334px #FFF, 663px 1356px #FFF, 617px 847px #FFF, 492px 295px #FFF, 904px 506px #FFF, 905px 929px #FFF, 1593px 1157px #FFF, 1525px 707px #FFF, 492px 61px #FFF, 1573px 847px #FFF, 186px 4px #FFF, 1065px 127px #FFF, 1529px 518px #FFF, 1031px 1792px #FFF, 1626px 1850px #FFF, 112px 1157px #FFF, 1499px 893px #FFF, 1864px 1726px #FFF, 1442px 1200px #FFF, 1663px 1086px #FFF, 1025px 1006px #FFF, 951px 184px #FFF, 1031px 1033px #FFF, 773px 1220px #FFF, 606px 1084px #FFF, 1767px 1721px #FFF, 1505px 1541px #FFF, 1334px 1789px #FFF, 970px 1107px #FFF, 949px 682px #FFF, 1435px 1662px #FFF, 851px 777px #FFF, 1570px 1370px #FFF, 1081px 1973px #FFF, 607px 997px #FFF, 606px 1583px #FFF, 1052px 99px #FFF, 1806px 1634px #FFF, 1536px 1051px #FFF, 148px 917px #FFF, 1254px 563px #FFF, 1607px 288px #FFF, 1366px 541px #FFF, 4px 789px #FFF, 1423px 1343px #FFF, 581px 50px #FFF, 518px 645px #FFF, 1418px 399px #FFF, 749px 271px #FFF, 1236px 1622px #FFF, 1284px 546px #FFF, 524px 1164px #FFF, 782px 1952px #FFF, 1846px 221px #FFF, 869px 1128px #FFF, 1825px 731px #FFF, 73px 562px #FFF, 1140px 1476px #FFF, 1354px 337px #FFF, 1040px 1009px #FFF, 112px 1737px #FFF, 359px 924px #FFF, 1017px 365px #FFF, 718px 840px #FFF, 318px 142px #FFF, 1563px 720px #FFF, 227px 26px #FFF, 289px 1209px #FFF, 813px 885px #FFF, 474px 239px #FFF, 1299px 1392px #FFF, 1098px 479px #FFF, 1960px 299px #FFF, 1406px 796px #FFF, 1375px 604px #FFF, 787px 1514px #FFF, 70px 1670px #FFF, 375px 1902px #FFF, 1369px 1923px #FFF, 269px 1802px #FFF, 1784px 1547px #FFF, 1543px 1955px #FFF, 442px 227px #FFF, 60px 1992px #FFF, 31px 1767px #FFF, 350px 1967px #FFF, 1482px 1731px #FFF, 1597px 1076px #FFF, 1164px 236px #FFF, 1909px 822px #FFF, 1449px 1171px #FFF, 1526px 311px #FFF, 1364px 1733px #FFF, 262px 1231px #FFF, 1190px 1150px #FFF, 1420px 696px #FFF, 1782px 303px #FFF, 902px 1266px #FFF, 2px 1002px #FFF, 482px 1067px #FFF, 1391px 1095px #FFF, 1771px 183px #FFF, 360px 654px #FFF, 1458px 1039px #FFF, 121px 1923px #FFF, 68px 432px #FFF, 782px 1330px #FFF, 17px 1934px #FFF, 556px 1979px #FFF, 1420px 586px #FFF, 1949px 369px #FFF, 887px 1251px #FFF, 1557px 1612px #FFF, 504px 1022px #FFF, 14px 1295px #FFF, 287px 96px #FFF, 763px 1193px #FFF, 509px 226px #FFF, 118px 1534px #FFF, 682px 990px #FFF, 1973px 940px #FFF, 1326px 47px #FFF, 470px 47px #FFF, 1058px 494px #FFF, 291px 162px #FFF, 1618px 63px #FFF, 857px 934px #FFF, 1800px 643px #FFF, 1900px 41px #FFF, 121px 1692px #FFF, 1922px 1645px #FFF, 1652px 857px #FFF, 1087px 1328px #FFF, 1947px 523px #FFF, 1318px 1343px #FFF, 438px 167px #FFF, 1237px 1907px #FFF, 1007px 765px #FFF, 1912px 514px #FFF, 1807px 1854px #FFF, 1692px 1253px #FFF, 1930px 1150px #FFF, 252px 206px #FFF, 1188px 1514px #FFF, 1609px 1692px #FFF, 1680px 1164px #FFF, 1062px 1945px #FFF, 656px 1537px #FFF, 411px 360px #FFF, 918px 908px #FFF, 193px 1892px #FFF, 436px 1775px #FFF, 1634px 685px #FFF, 1407px 395px #FFF, 1890px 1497px #FFF, 1563px 1822px #FFF, 1252px 1377px #FFF, 1395px 919px #FFF, 1554px 300px #FFF, 265px 1821px #FFF, 1773px 946px #FFF, 1761px 485px #FFF, 347px 520px #FFF, 763px 588px #FFF, 917px 1609px #FFF, 902px 1804px #FFF, 1578px 1176px #FFF, 840px 1259px #FFF, 173px 733px #FFF, 718px 546px #FFF, 1855px 1292px #FFF, 1638px 437px #FFF, 4px 286px #FFF, 658px 347px #FFF, 1039px 1001px #FFF, 715px 660px #FFF, 251px 192px #FFF, 666px 1083px #FFF, 1440px 423px #FFF, 684px 296px #FFF, 363px 421px #FFF, 1408px 978px #FFF, 948px 981px #FFF, 1149px 1910px #FFF, 1425px 1743px #FFF, 1130px 131px #FFF, 738px 208px #FFF, 728px 1394px #FFF, 1191px 696px #FFF, 1719px 1541px #FFF, 1936px 258px #FFF, 36px 818px #FFF, 757px 1719px #FFF, 968px 213px #FFF, 118px 197px #FFF, 389px 210px #FFF, 1597px 562px #FFF, 1161px 1471px #FFF, 1814px 1232px #FFF, 663px 39px #FFF, 1744px 1734px #FFF, 485px 1802px #FFF, 941px 1524px #FFF, 602px 1603px #FFF, 89px 1916px #FFF, 104px 241px #FFF, 1123px 1669px #FFF, 1940px 1896px #FFF, 758px 1147px #FFF, 1466px 571px #FFF, 708px 554px #FFF, 1424px 767px #FFF, 991px 1518px #FFF, 1569px 1646px #FFF, 1576px 1409px #FFF, 1316px 1798px #FFF, 289px 177px #FFF, 1826px 1366px #FFF, 1171px 1767px #FFF, 517px 159px #FFF, 1279px 574px #FFF, 654px 1795px #FFF, 178px 251px #FFF, 1779px 1209px #FFF, 806px 1736px #FFF, 1847px 556px #FFF, 1135px 490px #FFF, 1324px 691px #FFF, 1320px 714px #FFF, 1896px 776px #FFF, 13px 878px #FFF, 862px 1950px #FFF, 490px 562px #FFF, 1175px 1776px #FFF, 484px 1526px #FFF, 1549px 639px #FFF, 1592px 607px #FFF, 1653px 1368px #FFF, 897px 164px #FFF, 1077px 344px #FFF, 1661px 425px #FFF, 1615px 384px #FFF, 849px 442px #FFF, 1336px 1163px #FFF, 944px 1366px #FFF, 136px 1175px #FFF, 688px 731px #FFF, 396px 849px #FFF, 1884px 1439px #FFF, 813px 1495px #FFF, 685px 717px #FFF, 1286px 338px #FFF, 571px 376px #FFF, 563px 1744px #FFF, 1192px 871px #FFF, 1943px 740px #FFF, 1566px 636px #FFF, 1210px 530px #FFF, 383px 246px #FFF, 1086px 1471px #FFF, 514px 1070px #FFF, 1283px 1088px #FFF, 949px 993px #FFF, 327px 939px #FFF, 690px 1563px #FFF, 745px 1438px #FFF, 1637px 1097px #FFF, 1903px 552px #FFF, 1579px 474px #FFF, 593px 1020px #FFF, 1618px 1512px #FFF, 851px 1466px #FFF, 1746px 339px #FFF, 653px 1996px #FFF, 294px 439px #FFF, 376px 485px #FFF, 1427px 703px #FFF, 573px 1642px #FFF, 121px 1705px #FFF, 89px 1682px #FFF, 827px 1390px #FFF, 515px 1756px #FFF, 1831px 578px #FFF, 29px 365px #FFF, 1989px 364px #FFF, 583px 1446px #FFF, 424px 935px #FFF, 1931px 1446px #FFF, 956px 581px #FFF, 658px 1339px #FFF, 1479px 892px #FFF, 1548px 1761px #FFF, 1193px 702px #FFF, 1979px 1742px #FFF, 1169px 619px #FFF, 469px 1050px #FFF, 1998px 141px #FFF, 793px 172px #FFF, 447px 83px #FFF, 1903px 1344px #FFF, 1516px 1176px #FFF, 1469px 1540px #FFF, 1837px 977px #FFF, 387px 1070px #FFF, 353px 108px #FFF, 1481px 773px #FFF, 535px 958px #FFF, 1755px 785px #FFF, 1435px 914px #FFF, 810px 1749px #FFF, 304px 1143px #FFF, 1067px 993px #FFF, 1832px 1291px #FFF, 771px 164px #FFF, 1836px 449px #FFF, 1359px 985px #FFF, 1344px 1376px #FFF, 499px 59px #FFF, 1182px 1494px #FFF, 1731px 1380px #FFF, 557px 808px #FFF, 346px 1916px #FFF, 1964px 1543px #FFF, 923px 249px #FFF, 590px 1016px #FFF, 880px 1230px #FFF, 1950px 1428px #FFF;
    animation: animStar 30s linear infinite;
}

    #stars:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 1px;
        height: 1px;
        background: transparent;
        box-shadow: 1494px 528px #FFF, 1110px 730px #FFF, 1429px 839px #FFF, 1109px 1285px #FFF, 1932px 643px #FFF, 1353px 201px #FFF, 670px 438px #FFF, 1210px 172px #FFF, 73px 736px #FFF, 622px 1514px #FFF, 1137px 68px #FFF, 595px 1644px #FFF, 335px 372px #FFF, 1453px 255px #FFF, 1809px 247px #FFF, 99px 1406px #FFF, 823px 396px #FFF, 1875px 449px #FFF, 4px 1223px #FFF, 198px 636px #FFF, 1735px 80px #FFF, 1988px 894px #FFF, 442px 505px #FFF, 390px 1725px #FFF, 941px 1379px #FFF, 1895px 8px #FFF, 29px 1003px #FFF, 432px 1131px #FFF, 1989px 1567px #FFF, 1484px 793px #FFF, 117px 1236px #FFF, 1006px 1571px #FFF, 1151px 1125px #FFF, 1702px 45px #FFF, 825px 1313px #FFF, 97px 1875px #FFF, 1859px 1258px #FFF, 1787px 830px #FFF, 29px 717px #FFF, 1177px 1296px #FFF, 1766px 1884px #FFF, 1184px 6px #FFF, 1824px 1380px #FFF, 382px 399px #FFF, 724px 283px #FFF, 726px 1048px #FFF, 1521px 1395px #FFF, 1780px 1834px #FFF, 1185px 1917px #FFF, 362px 1095px #FFF, 1982px 840px #FFF, 1449px 567px #FFF, 191px 327px #FFF, 1848px 319px #FFF, 390px 914px #FFF, 1729px 1092px #FFF, 196px 290px #FFF, 1560px 1158px #FFF, 22px 694px #FFF, 1912px 675px #FFF, 706px 11px #FFF, 1679px 814px #FFF, 716px 181px #FFF, 980px 662px #FFF, 1909px 231px #FFF, 852px 1998px #FFF, 1072px 1873px #FFF, 1758px 158px #FFF, 1055px 1127px #FFF, 375px 1948px #FFF, 1888px 304px #FFF, 348px 1460px #FFF, 176px 1229px #FFF, 1753px 1524px #FFF, 69px 955px #FFF, 40px 701px #FFF, 1415px 223px #FFF, 1315px 838px #FFF, 1535px 805px #FFF, 1534px 783px #FFF, 259px 139px #FFF, 1862px 950px #FFF, 1308px 501px #FFF, 1267px 75px #FFF, 45px 1204px #FFF, 657px 285px #FFF, 1695px 1630px #FFF, 1648px 466px #FFF, 658px 755px #FFF, 967px 677px #FFF, 1652px 449px #FFF, 476px 350px #FFF, 877px 1739px #FFF, 874px 1711px #FFF, 546px 82px #FFF, 549px 1051px #FFF, 1300px 538px #FFF, 1102px 1884px #FFF, 873px 441px #FFF, 691px 1825px #FFF, 1508px 411px #FFF, 727px 652px #FFF, 362px 1752px #FFF, 1654px 12px #FFF, 350px 1906px #FFF, 628px 1831px #FFF, 517px 1439px #FFF, 1550px 1635px #FFF, 607px 1050px #FFF, 333px 1238px #FFF, 1563px 1736px #FFF, 1280px 1202px #FFF, 643px 265px #FFF, 1251px 857px #FFF, 1860px 748px #FFF, 1083px 1595px #FFF, 871px 1023px #FFF, 1646px 868px #FFF, 901px 831px #FFF, 1880px 1362px #FFF, 50px 148px #FFF, 802px 1386px #FFF, 663px 56px #FFF, 1826px 1974px #FFF, 537px 294px #FFF, 1172px 554px #FFF, 935px 824px #FFF, 496px 789px #FFF, 400px 1755px #FFF, 556px 1107px #FFF, 1344px 1236px #FFF, 172px 325px #FFF, 755px 94px #FFF, 541px 1026px #FFF, 1702px 1660px #FFF, 1398px 287px #FFF, 1263px 1293px #FFF, 148px 1050px #FFF, 1512px 887px #FFF, 389px 1854px #FFF, 1516px 1965px #FFF, 182px 1942px #FFF, 602px 55px #FFF, 974px 1762px #FFF, 1305px 1528px #FFF, 676px 526px #FFF, 832px 1943px #FFF, 1215px 88px #FFF, 1426px 1134px #FFF, 1657px 897px #FFF, 1704px 323px #FFF, 392px 1596px #FFF, 1404px 1427px #FFF, 1070px 102px #FFF, 1642px 950px #FFF, 1454px 881px #FFF, 1123px 1980px #FFF, 1494px 1149px #FFF, 559px 773px #FFF, 1699px 404px #FFF, 1334px 1163px #FFF, 1265px 140px #FFF, 589px 674px #FFF, 1277px 601px #FFF, 1362px 294px #FFF, 149px 338px #FFF, 819px 366px #FFF, 1380px 457px #FFF, 394px 1856px #FFF, 289px 1132px #FFF, 1845px 1176px #FFF, 1067px 98px #FFF, 1449px 1057px #FFF, 1934px 1374px #FFF, 1198px 1390px #FFF, 500px 1516px #FFF, 1005px 1739px #FFF, 1645px 444px #FFF, 1796px 184px #FFF, 1390px 1142px #FFF, 1600px 1018px #FFF, 1736px 98px #FFF, 766px 45px #FFF, 665px 1475px #FFF, 208px 515px #FFF, 1361px 1005px #FFF, 1380px 550px #FFF, 719px 1041px #FFF, 1248px 262px #FFF, 1914px 1705px #FFF, 1551px 114px #FFF, 1647px 438px #FFF, 50px 667px #FFF, 1601px 307px #FFF, 403px 690px #FFF, 1091px 194px #FFF, 599px 1882px #FFF, 1188px 530px #FFF, 254px 445px #FFF, 296px 137px #FFF, 1538px 812px #FFF, 665px 694px #FFF, 811px 1696px #FFF, 76px 696px #FFF, 792px 1284px #FFF, 299px 1549px #FFF, 1610px 566px #FFF, 1567px 1377px #FFF, 1218px 1083px #FFF, 1688px 1288px #FFF, 616px 914px #FFF, 593px 1304px #FFF, 193px 1248px #FFF, 1582px 871px #FFF, 1317px 1626px #FFF, 378px 1270px #FFF, 75px 577px #FFF, 1170px 1675px #FFF, 997px 1138px #FFF, 941px 1308px #FFF, 953px 962px #FFF, 1615px 856px #FFF, 1261px 1963px #FFF, 1670px 649px #FFF, 1641px 1913px #FFF, 945px 1188px #FFF, 379px 1698px #FFF, 1874px 1392px #FFF, 1813px 1286px #FFF, 392px 1936px #FFF, 133px 1058px #FFF, 511px 460px #FFF, 1571px 1385px #FFF, 176px 1954px #FFF, 1923px 1779px #FFF, 615px 1407px #FFF, 396px 477px #FFF, 1907px 953px #FFF, 1826px 1005px #FFF, 1326px 1728px #FFF, 1522px 460px #FFF, 1925px 38px #FFF, 493px 555px #FFF, 752px 295px #FFF, 239px 769px #FFF, 293px 1610px #FFF, 1020px 1158px #FFF, 1285px 690px #FFF, 1193px 1596px #FFF, 390px 486px #FFF, 90px 1018px #FFF, 1667px 166px #FFF, 1375px 1082px #FFF, 112px 870px #FFF, 567px 1962px #FFF, 707px 883px #FFF, 1202px 328px #FFF, 1302px 1564px #FFF, 1665px 1775px #FFF, 97px 935px #FFF, 1137px 691px #FFF, 1224px 602px #FFF, 1473px 560px #FFF, 749px 167px #FFF, 1878px 1390px #FFF, 314px 1898px #FFF, 1167px 965px #FFF, 591px 1568px #FFF, 511px 1679px #FFF, 1891px 1284px #FFF, 822px 466px #FFF, 1597px 1689px #FFF, 1614px 1105px #FFF, 584px 778px #FFF, 1056px 1981px #FFF, 1991px 984px #FFF, 340px 455px #FFF, 1987px 787px #FFF, 1450px 1783px #FFF, 1445px 1601px #FFF, 198px 935px #FFF, 486px 161px #FFF, 1584px 213px #FFF, 1286px 1453px #FFF, 487px 1159px #FFF, 1916px 1089px #FFF, 9px 534px #FFF, 133px 303px #FFF, 1263px 178px #FFF, 713px 859px #FFF, 832px 1895px #FFF, 1762px 308px #FFF, 693px 1043px #FFF, 557px 1098px #FFF, 372px 363px #FFF, 1281px 1071px #FFF, 1309px 1030px #FFF, 235px 1879px #FFF, 1614px 950px #FFF, 449px 903px #FFF, 240px 1081px #FFF, 47px 1472px #FFF, 410px 234px #FFF, 1640px 316px #FFF, 1858px 672px #FFF, 711px 331px #FFF, 1030px 320px #FFF, 690px 1654px #FFF, 564px 1624px #FFF, 558px 805px #FFF, 223px 1858px #FFF, 691px 302px #FFF, 1056px 1866px #FFF, 452px 994px #FFF, 466px 1475px #FFF, 700px 1359px #FFF, 270px 348px #FFF, 1418px 1111px #FFF, 1977px 1205px #FFF, 1431px 322px #FFF, 413px 1718px #FFF, 95px 754px #FFF, 1868px 1063px #FFF, 135px 1254px #FFF, 1149px 20px #FFF, 1370px 1513px #FFF, 557px 1361px #FFF, 873px 119px #FFF, 1190px 1912px #FFF, 1416px 1885px #FFF, 492px 1562px #FFF, 3px 1877px #FFF, 1170px 1443px #FFF, 440px 1417px #FFF, 1294px 739px #FFF, 453px 1488px #FFF, 209px 1070px #FFF, 550px 1594px #FFF, 1396px 1208px #FFF, 1810px 854px #FFF, 266px 985px #FFF, 620px 1834px #FFF, 1277px 1595px #FFF, 184px 1146px #FFF, 1040px 1973px #FFF, 999px 1804px #FFF, 936px 1204px #FFF, 1565px 1933px #FFF, 1040px 1026px #FFF, 346px 309px #FFF, 107px 352px #FFF, 736px 1352px #FFF, 563px 880px #FFF, 1588px 192px #FFF, 375px 1063px #FFF, 749px 1800px #FFF, 1387px 621px #FFF, 868px 352px #FFF, 1681px 653px #FFF, 655px 1500px #FFF, 937px 759px #FFF, 1120px 928px #FFF, 154px 1957px #FFF, 1031px 383px #FFF, 1201px 716px #FFF, 1586px 1187px #FFF, 430px 1214px #FFF, 1522px 641px #FFF, 247px 1187px #FFF, 1072px 1472px #FFF, 69px 173px #FFF, 47px 746px #FFF, 1430px 1828px #FFF, 1534px 1334px #FFF, 663px 1356px #FFF, 617px 847px #FFF, 492px 295px #FFF, 904px 506px #FFF, 905px 929px #FFF, 1593px 1157px #FFF, 1525px 707px #FFF, 492px 61px #FFF, 1573px 847px #FFF, 186px 4px #FFF, 1065px 127px #FFF, 1529px 518px #FFF, 1031px 1792px #FFF, 1626px 1850px #FFF, 112px 1157px #FFF, 1499px 893px #FFF, 1864px 1726px #FFF, 1442px 1200px #FFF, 1663px 1086px #FFF, 1025px 1006px #FFF, 951px 184px #FFF, 1031px 1033px #FFF, 773px 1220px #FFF, 606px 1084px #FFF, 1767px 1721px #FFF, 1505px 1541px #FFF, 1334px 1789px #FFF, 970px 1107px #FFF, 949px 682px #FFF, 1435px 1662px #FFF, 851px 777px #FFF, 1570px 1370px #FFF, 1081px 1973px #FFF, 607px 997px #FFF, 606px 1583px #FFF, 1052px 99px #FFF, 1806px 1634px #FFF, 1536px 1051px #FFF, 148px 917px #FFF, 1254px 563px #FFF, 1607px 288px #FFF, 1366px 541px #FFF, 4px 789px #FFF, 1423px 1343px #FFF, 581px 50px #FFF, 518px 645px #FFF, 1418px 399px #FFF, 749px 271px #FFF, 1236px 1622px #FFF, 1284px 546px #FFF, 524px 1164px #FFF, 782px 1952px #FFF, 1846px 221px #FFF, 869px 1128px #FFF, 1825px 731px #FFF, 73px 562px #FFF, 1140px 1476px #FFF, 1354px 337px #FFF, 1040px 1009px #FFF, 112px 1737px #FFF, 359px 924px #FFF, 1017px 365px #FFF, 718px 840px #FFF, 318px 142px #FFF, 1563px 720px #FFF, 227px 26px #FFF, 289px 1209px #FFF, 813px 885px #FFF, 474px 239px #FFF, 1299px 1392px #FFF, 1098px 479px #FFF, 1960px 299px #FFF, 1406px 796px #FFF, 1375px 604px #FFF, 787px 1514px #FFF, 70px 1670px #FFF, 375px 1902px #FFF, 1369px 1923px #FFF, 269px 1802px #FFF, 1784px 1547px #FFF, 1543px 1955px #FFF, 442px 227px #FFF, 60px 1992px #FFF, 31px 1767px #FFF, 350px 1967px #FFF, 1482px 1731px #FFF, 1597px 1076px #FFF, 1164px 236px #FFF, 1909px 822px #FFF, 1449px 1171px #FFF, 1526px 311px #FFF, 1364px 1733px #FFF, 262px 1231px #FFF, 1190px 1150px #FFF, 1420px 696px #FFF, 1782px 303px #FFF, 902px 1266px #FFF, 2px 1002px #FFF, 482px 1067px #FFF, 1391px 1095px #FFF, 1771px 183px #FFF, 360px 654px #FFF, 1458px 1039px #FFF, 121px 1923px #FFF, 68px 432px #FFF, 782px 1330px #FFF, 17px 1934px #FFF, 556px 1979px #FFF, 1420px 586px #FFF, 1949px 369px #FFF, 887px 1251px #FFF, 1557px 1612px #FFF, 504px 1022px #FFF, 14px 1295px #FFF, 287px 96px #FFF, 763px 1193px #FFF, 509px 226px #FFF, 118px 1534px #FFF, 682px 990px #FFF, 1973px 940px #FFF, 1326px 47px #FFF, 470px 47px #FFF, 1058px 494px #FFF, 291px 162px #FFF, 1618px 63px #FFF, 857px 934px #FFF, 1800px 643px #FFF, 1900px 41px #FFF, 121px 1692px #FFF, 1922px 1645px #FFF, 1652px 857px #FFF, 1087px 1328px #FFF, 1947px 523px #FFF, 1318px 1343px #FFF, 438px 167px #FFF, 1237px 1907px #FFF, 1007px 765px #FFF, 1912px 514px #FFF, 1807px 1854px #FFF, 1692px 1253px #FFF, 1930px 1150px #FFF, 252px 206px #FFF, 1188px 1514px #FFF, 1609px 1692px #FFF, 1680px 1164px #FFF, 1062px 1945px #FFF, 656px 1537px #FFF, 411px 360px #FFF, 918px 908px #FFF, 193px 1892px #FFF, 436px 1775px #FFF, 1634px 685px #FFF, 1407px 395px #FFF, 1890px 1497px #FFF, 1563px 1822px #FFF, 1252px 1377px #FFF, 1395px 919px #FFF, 1554px 300px #FFF, 265px 1821px #FFF, 1773px 946px #FFF, 1761px 485px #FFF, 347px 520px #FFF, 763px 588px #FFF, 917px 1609px #FFF, 902px 1804px #FFF, 1578px 1176px #FFF, 840px 1259px #FFF, 173px 733px #FFF, 718px 546px #FFF, 1855px 1292px #FFF, 1638px 437px #FFF, 4px 286px #FFF, 658px 347px #FFF, 1039px 1001px #FFF, 715px 660px #FFF, 251px 192px #FFF, 666px 1083px #FFF, 1440px 423px #FFF, 684px 296px #FFF, 363px 421px #FFF, 1408px 978px #FFF, 948px 981px #FFF, 1149px 1910px #FFF, 1425px 1743px #FFF, 1130px 131px #FFF, 738px 208px #FFF, 728px 1394px #FFF, 1191px 696px #FFF, 1719px 1541px #FFF, 1936px 258px #FFF, 36px 818px #FFF, 757px 1719px #FFF, 968px 213px #FFF, 118px 197px #FFF, 389px 210px #FFF, 1597px 562px #FFF, 1161px 1471px #FFF, 1814px 1232px #FFF, 663px 39px #FFF, 1744px 1734px #FFF, 485px 1802px #FFF, 941px 1524px #FFF, 602px 1603px #FFF, 89px 1916px #FFF, 104px 241px #FFF, 1123px 1669px #FFF, 1940px 1896px #FFF, 758px 1147px #FFF, 1466px 571px #FFF, 708px 554px #FFF, 1424px 767px #FFF, 991px 1518px #FFF, 1569px 1646px #FFF, 1576px 1409px #FFF, 1316px 1798px #FFF, 289px 177px #FFF, 1826px 1366px #FFF, 1171px 1767px #FFF, 517px 159px #FFF, 1279px 574px #FFF, 654px 1795px #FFF, 178px 251px #FFF, 1779px 1209px #FFF, 806px 1736px #FFF, 1847px 556px #FFF, 1135px 490px #FFF, 1324px 691px #FFF, 1320px 714px #FFF, 1896px 776px #FFF, 13px 878px #FFF, 862px 1950px #FFF, 490px 562px #FFF, 1175px 1776px #FFF, 484px 1526px #FFF, 1549px 639px #FFF, 1592px 607px #FFF, 1653px 1368px #FFF, 897px 164px #FFF, 1077px 344px #FFF, 1661px 425px #FFF, 1615px 384px #FFF, 849px 442px #FFF, 1336px 1163px #FFF, 944px 1366px #FFF, 136px 1175px #FFF, 688px 731px #FFF, 396px 849px #FFF, 1884px 1439px #FFF, 813px 1495px #FFF, 685px 717px #FFF, 1286px 338px #FFF, 571px 376px #FFF, 563px 1744px #FFF, 1192px 871px #FFF, 1943px 740px #FFF, 1566px 636px #FFF, 1210px 530px #FFF, 383px 246px #FFF, 1086px 1471px #FFF, 514px 1070px #FFF, 1283px 1088px #FFF, 949px 993px #FFF, 327px 939px #FFF, 690px 1563px #FFF, 745px 1438px #FFF, 1637px 1097px #FFF, 1903px 552px #FFF, 1579px 474px #FFF, 593px 1020px #FFF, 1618px 1512px #FFF, 851px 1466px #FFF, 1746px 339px #FFF, 653px 1996px #FFF, 294px 439px #FFF, 376px 485px #FFF, 1427px 703px #FFF, 573px 1642px #FFF, 121px 1705px #FFF, 89px 1682px #FFF, 827px 1390px #FFF, 515px 1756px #FFF, 1831px 578px #FFF, 29px 365px #FFF, 1989px 364px #FFF, 583px 1446px #FFF, 424px 935px #FFF, 1931px 1446px #FFF, 956px 581px #FFF, 658px 1339px #FFF, 1479px 892px #FFF, 1548px 1761px #FFF, 1193px 702px #FFF, 1979px 1742px #FFF, 1169px 619px #FFF, 469px 1050px #FFF, 1998px 141px #FFF, 793px 172px #FFF, 447px 83px #FFF, 1903px 1344px #FFF, 1516px 1176px #FFF, 1469px 1540px #FFF, 1837px 977px #FFF, 387px 1070px #FFF, 353px 108px #FFF, 1481px 773px #FFF, 535px 958px #FFF, 1755px 785px #FFF, 1435px 914px #FFF, 810px 1749px #FFF, 304px 1143px #FFF, 1067px 993px #FFF, 1832px 1291px #FFF, 771px 164px #FFF, 1836px 449px #FFF, 1359px 985px #FFF, 1344px 1376px #FFF, 499px 59px #FFF, 1182px 1494px #FFF, 1731px 1380px #FFF, 557px 808px #FFF, 346px 1916px #FFF, 1964px 1543px #FFF, 923px 249px #FFF, 590px 1016px #FFF, 880px 1230px #FFF, 1950px 1428px #FFF;
    }

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1976px 1243px #FFF, 1378px 44px #FFF, 477px 206px #FFF, 347px 347px #FFF, 803px 882px #FFF, 1348px 1765px #FFF, 1422px 1124px #FFF, 520px 1448px #FFF, 1066px 968px #FFF, 1884px 1917px #FFF, 1787px 47px #FFF, 552px 1322px #FFF, 662px 1957px #FFF, 1400px 1015px #FFF, 1939px 330px #FFF, 1460px 1480px #FFF, 554px 1434px #FFF, 1181px 256px #FFF, 1885px 1544px #FFF, 1866px 1473px #FFF, 425px 613px #FFF, 1848px 672px #FFF, 329px 932px #FFF, 1593px 1078px #FFF, 1763px 1770px #FFF, 1511px 312px #FFF, 1875px 1788px #FFF, 1094px 316px #FFF, 637px 1738px #FFF, 905px 793px #FFF, 943px 1103px #FFF, 1543px 1166px #FFF, 718px 963px #FFF, 1553px 466px #FFF, 726px 491px #FFF, 857px 661px #FFF, 1147px 447px #FFF, 1258px 1195px #FFF, 422px 303px #FFF, 392px 967px #FFF, 1168px 249px #FFF, 99px 1996px #FFF, 494px 757px #FFF, 742px 484px #FFF, 160px 1321px #FFF, 501px 1025px #FFF, 1017px 608px #FFF, 614px 1505px #FFF, 1942px 696px #FFF, 1236px 116px #FFF, 1412px 915px #FFF, 1276px 1540px #FFF, 411px 1618px #FFF, 1358px 1640px #FFF, 371px 1410px #FFF, 645px 1920px #FFF, 1559px 918px #FFF, 1348px 828px #FFF, 494px 160px #FFF, 474px 1613px #FFF, 301px 217px #FFF, 192px 90px #FFF, 172px 955px #FFF, 504px 1511px #FFF, 467px 1696px #FFF, 1379px 3px #FFF, 844px 883px #FFF, 1971px 220px #FFF, 517px 1538px #FFF, 1589px 340px #FFF, 805px 1404px #FFF, 93px 1020px #FFF, 1392px 596px #FFF, 1789px 17px #FFF, 706px 974px #FFF, 748px 1736px #FFF, 1721px 488px #FFF, 1972px 1391px #FFF, 116px 688px #FFF, 1796px 1227px #FFF, 1702px 1982px #FFF, 1169px 269px #FFF, 261px 1929px #FFF, 1109px 661px #FFF, 949px 650px #FFF, 296px 578px #FFF, 963px 885px #FFF, 1085px 1918px #FFF, 1225px 1999px #FFF, 473px 1300px #FFF, 1975px 750px #FFF, 396px 105px #FFF, 633px 1770px #FFF, 1395px 651px #FFF, 765px 355px #FFF, 1923px 1817px #FFF, 1838px 1160px #FFF, 1592px 1970px #FFF, 1666px 827px #FFF, 108px 786px #FFF, 1434px 122px #FFF, 767px 1093px #FFF, 243px 808px #FFF, 1998px 107px #FFF, 295px 1845px #FFF, 1935px 1296px #FFF, 1779px 113px #FFF, 1163px 273px #FFF, 1525px 1451px #FFF, 1964px 1437px #FFF, 1869px 52px #FFF, 1660px 940px #FFF, 407px 1692px #FFF, 871px 948px #FFF, 166px 20px #FFF, 393px 79px #FFF, 1195px 1667px #FFF, 1260px 1547px #FFF, 234px 1905px #FFF, 1345px 1814px #FFF, 488px 1549px #FFF, 1784px 246px #FFF, 908px 666px #FFF, 1046px 675px #FFF, 293px 1147px #FFF, 321px 958px #FFF, 1984px 515px #FFF, 1971px 37px #FFF, 477px 1875px #FFF, 1298px 492px #FFF, 615px 564px #FFF, 351px 722px #FFF, 978px 1634px #FFF, 763px 1474px #FFF, 1085px 1930px #FFF, 909px 1737px #FFF, 884px 1641px #FFF, 531px 1384px #FFF, 613px 129px #FFF, 1660px 1931px #FFF, 1645px 292px #FFF, 843px 232px #FFF, 1600px 1549px #FFF, 1504px 1198px #FFF, 1542px 1997px #FFF, 1389px 1795px #FFF, 1326px 68px #FFF, 1501px 584px #FFF, 1750px 1274px #FFF, 1694px 1088px #FFF, 1767px 810px #FFF, 138px 579px #FFF, 1102px 979px #FFF, 1061px 988px #FFF, 377px 1872px #FFF, 1224px 1215px #FFF, 1790px 587px #FFF, 974px 1420px #FFF, 1467px 1986px #FFF, 883px 1238px #FFF, 686px 1469px #FFF, 333px 755px #FFF, 1545px 243px #FFF, 735px 87px #FFF, 572px 64px #FFF, 331px 1001px #FFF, 1091px 432px #FFF, 191px 1125px #FFF, 371px 1488px #FFF, 1685px 1132px #FFF, 627px 1507px #FFF, 1395px 1673px #FFF, 1643px 409px #FFF, 993px 1527px #FFF, 1075px 260px #FFF, 85px 1918px #FFF, 1042px 1962px #FFF, 223px 811px #FFF, 381px 1611px #FFF, 560px 1552px #FFF, 104px 1608px #FFF, 239px 216px #FFF, 1338px 1370px #FFF, 1838px 241px #FFF, 430px 1728px #FFF, 1266px 1236px #FFF, 1174px 1212px #FFF, 1709px 496px #FFF, 621px 779px #FFF, 1612px 463px #FFF, 1831px 1119px #FFF, 1983px 1466px #FFF, 268px 1010px #FFF, 1881px 1286px #FFF, 673px 204px #FFF, 1007px 545px #FFF, 332px 249px #FFF, 92px 828px #FFF, 1593px 1713px #FFF, 1918px 234px #FFF;
    animation: animStar 100s linear infinite;
}

    #stars2:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 2px;
        height: 2px;
        background: transparent;
        box-shadow: 1976px 1243px #FFF, 1378px 44px #FFF, 477px 206px #FFF, 347px 347px #FFF, 803px 882px #FFF, 1348px 1765px #FFF, 1422px 1124px #FFF, 520px 1448px #FFF, 1066px 968px #FFF, 1884px 1917px #FFF, 1787px 47px #FFF, 552px 1322px #FFF, 662px 1957px #FFF, 1400px 1015px #FFF, 1939px 330px #FFF, 1460px 1480px #FFF, 554px 1434px #FFF, 1181px 256px #FFF, 1885px 1544px #FFF, 1866px 1473px #FFF, 425px 613px #FFF, 1848px 672px #FFF, 329px 932px #FFF, 1593px 1078px #FFF, 1763px 1770px #FFF, 1511px 312px #FFF, 1875px 1788px #FFF, 1094px 316px #FFF, 637px 1738px #FFF, 905px 793px #FFF, 943px 1103px #FFF, 1543px 1166px #FFF, 718px 963px #FFF, 1553px 466px #FFF, 726px 491px #FFF, 857px 661px #FFF, 1147px 447px #FFF, 1258px 1195px #FFF, 422px 303px #FFF, 392px 967px #FFF, 1168px 249px #FFF, 99px 1996px #FFF, 494px 757px #FFF, 742px 484px #FFF, 160px 1321px #FFF, 501px 1025px #FFF, 1017px 608px #FFF, 614px 1505px #FFF, 1942px 696px #FFF, 1236px 116px #FFF, 1412px 915px #FFF, 1276px 1540px #FFF, 411px 1618px #FFF, 1358px 1640px #FFF, 371px 1410px #FFF, 645px 1920px #FFF, 1559px 918px #FFF, 1348px 828px #FFF, 494px 160px #FFF, 474px 1613px #FFF, 301px 217px #FFF, 192px 90px #FFF, 172px 955px #FFF, 504px 1511px #FFF, 467px 1696px #FFF, 1379px 3px #FFF, 844px 883px #FFF, 1971px 220px #FFF, 517px 1538px #FFF, 1589px 340px #FFF, 805px 1404px #FFF, 93px 1020px #FFF, 1392px 596px #FFF, 1789px 17px #FFF, 706px 974px #FFF, 748px 1736px #FFF, 1721px 488px #FFF, 1972px 1391px #FFF, 116px 688px #FFF, 1796px 1227px #FFF, 1702px 1982px #FFF, 1169px 269px #FFF, 261px 1929px #FFF, 1109px 661px #FFF, 949px 650px #FFF, 296px 578px #FFF, 963px 885px #FFF, 1085px 1918px #FFF, 1225px 1999px #FFF, 473px 1300px #FFF, 1975px 750px #FFF, 396px 105px #FFF, 633px 1770px #FFF, 1395px 651px #FFF, 765px 355px #FFF, 1923px 1817px #FFF, 1838px 1160px #FFF, 1592px 1970px #FFF, 1666px 827px #FFF, 108px 786px #FFF, 1434px 122px #FFF, 767px 1093px #FFF, 243px 808px #FFF, 1998px 107px #FFF, 295px 1845px #FFF, 1935px 1296px #FFF, 1779px 113px #FFF, 1163px 273px #FFF, 1525px 1451px #FFF, 1964px 1437px #FFF, 1869px 52px #FFF, 1660px 940px #FFF, 407px 1692px #FFF, 871px 948px #FFF, 166px 20px #FFF, 393px 79px #FFF, 1195px 1667px #FFF, 1260px 1547px #FFF, 234px 1905px #FFF, 1345px 1814px #FFF, 488px 1549px #FFF, 1784px 246px #FFF, 908px 666px #FFF, 1046px 675px #FFF, 293px 1147px #FFF, 321px 958px #FFF, 1984px 515px #FFF, 1971px 37px #FFF, 477px 1875px #FFF, 1298px 492px #FFF, 615px 564px #FFF, 351px 722px #FFF, 978px 1634px #FFF, 763px 1474px #FFF, 1085px 1930px #FFF, 909px 1737px #FFF, 884px 1641px #FFF, 531px 1384px #FFF, 613px 129px #FFF, 1660px 1931px #FFF, 1645px 292px #FFF, 843px 232px #FFF, 1600px 1549px #FFF, 1504px 1198px #FFF, 1542px 1997px #FFF, 1389px 1795px #FFF, 1326px 68px #FFF, 1501px 584px #FFF, 1750px 1274px #FFF, 1694px 1088px #FFF, 1767px 810px #FFF, 138px 579px #FFF, 1102px 979px #FFF, 1061px 988px #FFF, 377px 1872px #FFF, 1224px 1215px #FFF, 1790px 587px #FFF, 974px 1420px #FFF, 1467px 1986px #FFF, 883px 1238px #FFF, 686px 1469px #FFF, 333px 755px #FFF, 1545px 243px #FFF, 735px 87px #FFF, 572px 64px #FFF, 331px 1001px #FFF, 1091px 432px #FFF, 191px 1125px #FFF, 371px 1488px #FFF, 1685px 1132px #FFF, 627px 1507px #FFF, 1395px 1673px #FFF, 1643px 409px #FFF, 993px 1527px #FFF, 1075px 260px #FFF, 85px 1918px #FFF, 1042px 1962px #FFF, 223px 811px #FFF, 381px 1611px #FFF, 560px 1552px #FFF, 104px 1608px #FFF, 239px 216px #FFF, 1338px 1370px #FFF, 1838px 241px #FFF, 430px 1728px #FFF, 1266px 1236px #FFF, 1174px 1212px #FFF, 1709px 496px #FFF, 621px 779px #FFF, 1612px 463px #FFF, 1831px 1119px #FFF, 1983px 1466px #FFF, 268px 1010px #FFF, 1881px 1286px #FFF, 673px 204px #FFF, 1007px 545px #FFF, 332px 249px #FFF, 92px 828px #FFF, 1593px 1713px #FFF, 1918px 234px #FFF;
    }

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 390px 870px #FFF, 956px 650px #FFF, 668px 226px #FFF, 1034px 1784px #FFF, 1464px 354px #FFF, 1933px 1706px #FFF, 180px 1220px #FFF, 1634px 1703px #FFF, 1417px 1226px #FFF, 255px 1003px #FFF, 1366px 976px #FFF, 960px 1483px #FFF, 1726px 1469px #FFF, 1913px 1838px #FFF, 1542px 276px #FFF, 391px 732px #FFF, 181px 339px #FFF, 468px 110px #FFF, 724px 1602px #FFF, 27px 1862px #FFF, 1358px 1383px #FFF, 1982px 33px #FFF, 358px 1335px #FFF, 1509px 496px #FFF, 1277px 1188px #FFF, 1594px 1459px #FFF, 736px 1428px #FFF, 837px 1821px #FFF, 1596px 963px #FFF, 1218px 1633px #FFF, 1168px 1088px #FFF, 1506px 202px #FFF, 1836px 265px #FFF, 730px 41px #FFF, 86px 1799px #FFF, 1276px 238px #FFF, 908px 1083px #FFF, 230px 275px #FFF, 1364px 109px #FFF, 1357px 777px #FFF, 707px 644px #FFF, 876px 1413px #FFF, 581px 585px #FFF, 1269px 945px #FFF, 920px 805px #FFF, 218px 1359px #FFF, 1024px 1989px #FFF, 97px 1283px #FFF, 442px 1809px #FFF, 53px 1776px #FFF, 1016px 158px #FFF, 1631px 1554px #FFF, 1343px 1408px #FFF, 769px 1632px #FFF, 1085px 1023px #FFF, 1847px 460px #FFF, 984px 99px #FFF, 1844px 851px #FFF, 1625px 1940px #FFF, 1907px 126px #FFF, 571px 642px #FFF, 38px 1599px #FFF, 1092px 349px #FFF, 1348px 1873px #FFF, 902px 786px #FFF, 1028px 528px #FFF, 1851px 1785px #FFF, 877px 1688px #FFF, 785px 1137px #FFF, 1850px 1226px #FFF, 1450px 1474px #FFF, 1130px 1773px #FFF, 1095px 978px #FFF, 939px 586px #FFF, 1724px 461px #FFF, 1982px 854px #FFF, 1563px 1777px #FFF, 1266px 345px #FFF, 1363px 239px #FFF, 1593px 542px #FFF, 175px 782px #FFF, 1054px 108px #FFF, 34px 1225px #FFF, 1731px 1928px #FFF, 824px 1967px #FFF, 974px 1474px #FFF, 1343px 1862px #FFF, 1945px 1620px #FFF, 1771px 1080px #FFF, 1649px 568px #FFF, 1799px 1050px #FFF, 715px 1292px #FFF, 1275px 1103px #FFF, 1664px 975px #FFF, 1047px 371px #FFF, 1739px 1703px #FFF, 668px 16px #FFF, 1006px 864px #FFF, 287px 1887px #FFF, 796px 809px #FFF;
    animation: animStar 150s linear infinite;
}

    #stars3:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 3px;
        height: 3px;
        background: transparent;
        box-shadow: 390px 870px #FFF, 956px 650px #FFF, 668px 226px #FFF, 1034px 1784px #FFF, 1464px 354px #FFF, 1933px 1706px #FFF, 180px 1220px #FFF, 1634px 1703px #FFF, 1417px 1226px #FFF, 255px 1003px #FFF, 1366px 976px #FFF, 960px 1483px #FFF, 1726px 1469px #FFF, 1913px 1838px #FFF, 1542px 276px #FFF, 391px 732px #FFF, 181px 339px #FFF, 468px 110px #FFF, 724px 1602px #FFF, 27px 1862px #FFF, 1358px 1383px #FFF, 1982px 33px #FFF, 358px 1335px #FFF, 1509px 496px #FFF, 1277px 1188px #FFF, 1594px 1459px #FFF, 736px 1428px #FFF, 837px 1821px #FFF, 1596px 963px #FFF, 1218px 1633px #FFF, 1168px 1088px #FFF, 1506px 202px #FFF, 1836px 265px #FFF, 730px 41px #FFF, 86px 1799px #FFF, 1276px 238px #FFF, 908px 1083px #FFF, 230px 275px #FFF, 1364px 109px #FFF, 1357px 777px #FFF, 707px 644px #FFF, 876px 1413px #FFF, 581px 585px #FFF, 1269px 945px #FFF, 920px 805px #FFF, 218px 1359px #FFF, 1024px 1989px #FFF, 97px 1283px #FFF, 442px 1809px #FFF, 53px 1776px #FFF, 1016px 158px #FFF, 1631px 1554px #FFF, 1343px 1408px #FFF, 769px 1632px #FFF, 1085px 1023px #FFF, 1847px 460px #FFF, 984px 99px #FFF, 1844px 851px #FFF, 1625px 1940px #FFF, 1907px 126px #FFF, 571px 642px #FFF, 38px 1599px #FFF, 1092px 349px #FFF, 1348px 1873px #FFF, 902px 786px #FFF, 1028px 528px #FFF, 1851px 1785px #FFF, 877px 1688px #FFF, 785px 1137px #FFF, 1850px 1226px #FFF, 1450px 1474px #FFF, 1130px 1773px #FFF, 1095px 978px #FFF, 939px 586px #FFF, 1724px 461px #FFF, 1982px 854px #FFF, 1563px 1777px #FFF, 1266px 345px #FFF, 1363px 239px #FFF, 1593px 542px #FFF, 175px 782px #FFF, 1054px 108px #FFF, 34px 1225px #FFF, 1731px 1928px #FFF, 824px 1967px #FFF, 974px 1474px #FFF, 1343px 1862px #FFF, 1945px 1620px #FFF, 1771px 1080px #FFF, 1649px 568px #FFF, 1799px 1050px #FFF, 715px 1292px #FFF, 1275px 1103px #FFF, 1664px 975px #FFF, 1047px 371px #FFF, 1739px 1703px #FFF, 668px 16px #FFF, 1006px 864px #FFF, 287px 1887px #FFF, 796px 809px #FFF;
    }

#stars4 {
    width: 4px;
    height: 4px;
    background: transparent;
    box-shadow: 390px 870px #FFF, 956px 650px #FFF, 668px 226px #FFF, 1034px 1784px #FFF, 1464px 354px #FFF, 1933px 1706px #FFF, 180px 1220px #FFF, 1634px 1703px #FFF, 1417px 1226px #FFF, 255px 1003px #FFF, 1366px 976px #FFF, 960px 1483px #FFF, 1726px 1469px #FFF, 1913px 1838px #FFF, 1542px 276px #FFF, 391px 732px #FFF, 181px 339px #FFF, 468px 110px #FFF, 724px 1602px #FFF, 27px 1862px #FFF, 1358px 1383px #FFF, 1982px 33px #FFF, 358px 1335px #FFF, 1509px 496px #FFF, 1277px 1188px #FFF, 1594px 1459px #FFF, 736px 1428px #FFF, 837px 1821px #FFF, 1596px 963px #FFF, 1218px 1633px #FFF, 1168px 1088px #FFF, 1506px 202px #FFF, 1836px 265px #FFF, 730px 41px #FFF, 86px 1799px #FFF, 1276px 238px #FFF, 908px 1083px #FFF, 230px 275px #FFF, 1364px 109px #FFF, 1357px 777px #FFF, 707px 644px #FFF, 876px 1413px #FFF, 581px 585px #FFF, 1269px 945px #FFF, 920px 805px #FFF, 218px 1359px #FFF, 1024px 1989px #FFF, 97px 1283px #FFF, 442px 1809px #FFF, 53px 1776px #FFF, 1016px 158px #FFF, 1631px 1554px #FFF, 1343px 1408px #FFF, 769px 1632px #FFF, 1085px 1023px #FFF, 1847px 460px #FFF, 984px 99px #FFF, 1844px 851px #FFF, 1625px 1940px #FFF, 1907px 126px #FFF, 571px 642px #FFF, 38px 1599px #FFF, 1092px 349px #FFF, 1348px 1873px #FFF, 902px 786px #FFF, 1028px 528px #FFF, 1851px 1785px #FFF, 877px 1688px #FFF, 785px 1137px #FFF, 1850px 1226px #FFF, 1450px 1474px #FFF, 1130px 1773px #FFF, 1095px 978px #FFF, 939px 586px #FFF, 1724px 461px #FFF, 1982px 854px #FFF, 1563px 1777px #FFF, 1266px 345px #FFF, 1363px 239px #FFF, 1593px 542px #FFF, 175px 782px #FFF, 1054px 108px #FFF, 34px 1225px #FFF, 1731px 1928px #FFF, 824px 1967px #FFF, 974px 1474px #FFF, 1343px 1862px #FFF, 1945px 1620px #FFF, 1771px 1080px #FFF, 1649px 568px #FFF, 1799px 1050px #FFF, 715px 1292px #FFF, 1275px 1103px #FFF, 1664px 975px #FFF, 1047px 371px #FFF, 1739px 1703px #FFF, 668px 16px #FFF, 1006px 864px #FFF, 287px 1887px #FFF, 796px 809px #FFF;
    animation: animStar 150s linear infinite;
}

    #stars4:after {
        content: " ";
        position: absolute;
        top: 2000px;
        width: 4px;
        height: 4px;
        background: transparent;
        box-shadow: 390px 870px #FFF, 956px 650px #FFF, 668px 226px #FFF, 1034px 1784px #FFF, 1464px 354px #FFF, 1933px 1706px #FFF, 180px 1220px #FFF, 1634px 1703px #FFF, 1417px 1226px #FFF, 255px 1003px #FFF, 1366px 976px #FFF, 960px 1483px #FFF, 1726px 1469px #FFF, 1913px 1838px #FFF, 1542px 276px #FFF, 391px 732px #FFF, 181px 339px #FFF, 468px 110px #FFF, 724px 1602px #FFF, 27px 1862px #FFF, 1358px 1383px #FFF, 1982px 33px #FFF, 358px 1335px #FFF, 1509px 496px #FFF, 1277px 1188px #FFF, 1594px 1459px #FFF, 736px 1428px #FFF, 837px 1821px #FFF, 1596px 963px #FFF, 1218px 1633px #FFF, 1168px 1088px #FFF, 1506px 202px #FFF, 1836px 265px #FFF, 730px 41px #FFF, 86px 1799px #FFF, 1276px 238px #FFF, 908px 1083px #FFF, 230px 275px #FFF, 1364px 109px #FFF, 1357px 777px #FFF, 707px 644px #FFF, 876px 1413px #FFF, 581px 585px #FFF, 1269px 945px #FFF, 920px 805px #FFF, 218px 1359px #FFF, 1024px 1989px #FFF, 97px 1283px #FFF, 442px 1809px #FFF, 53px 1776px #FFF, 1016px 158px #FFF, 1631px 1554px #FFF, 1343px 1408px #FFF, 769px 1632px #FFF, 1085px 1023px #FFF, 1847px 460px #FFF, 984px 99px #FFF, 1844px 851px #FFF, 1625px 1940px #FFF, 1907px 126px #FFF, 571px 642px #FFF, 38px 1599px #FFF, 1092px 349px #FFF, 1348px 1873px #FFF, 902px 786px #FFF, 1028px 528px #FFF, 1851px 1785px #FFF, 877px 1688px #FFF, 785px 1137px #FFF, 1850px 1226px #FFF, 1450px 1474px #FFF, 1130px 1773px #FFF, 1095px 978px #FFF, 939px 586px #FFF, 1724px 461px #FFF, 1982px 854px #FFF, 1563px 1777px #FFF, 1266px 345px #FFF, 1363px 239px #FFF, 1593px 542px #FFF, 175px 782px #FFF, 1054px 108px #FFF, 34px 1225px #FFF, 1731px 1928px #FFF, 824px 1967px #FFF, 974px 1474px #FFF, 1343px 1862px #FFF, 1945px 1620px #FFF, 1771px 1080px #FFF, 1649px 568px #FFF, 1799px 1050px #FFF, 715px 1292px #FFF, 1275px 1103px #FFF, 1664px 975px #FFF, 1047px 371px #FFF, 1739px 1703px #FFF, 668px 16px #FFF, 1006px 864px #FFF, 287px 1887px #FFF, 796px 809px #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);
    }
}