@font-face {
  font-family: 'Bodo Amat';
  src: url(BodoAmat.eot);
  src: url('BodoAmat.eot?#iefix') format('embedded-opentype'), url(BodoAmat.woff2) format('woff2'), url(BodoAmat.woff) format('woff'), url(BodoAmat.ttf) format('truetype'), url('BodoAmat.svg#BodoAmat') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

body {
  font-family: 'Bodo Amat';
  color: #02004b;
  
  height: 100%;
  min-height: 100%;
 
 
background-image:linear-gradient(180deg, #5ec5e4, #fff7e0 68%, #fff7e0 64%, #ead8a8 84%, #c3d457 91%);
 
  }

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

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

h1,
h2,
h3,
h4,
h5,
h6 {}

.pt-lg-0 {
    padding-top: 10px !important;
}

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

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

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

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

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

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  height: 72px;
  transition: all 0.5s;
  z-index: 997;
  transition: all 0.5s;
      align-items: center;
    border-radius: 100px;
    background-color: #fff;
	margin:30px 30px 0px 30px;
	border: 3.5px solid #02004b;
    box-shadow: 0 5px 0 0 #02004b;
}

#header.header-scrolled {
  /*box-shadow:0 2px 15px rgba(0,0,0,.1);
background-color: rgba(18,27,103,0.8);
*/
}

#header .logo h1 {
  font-size: 40px;
  margin: 0;
  line-height: 0;
  font-weight: 600;
  letter-spacing: 1px;
  font-family: 'Rum Raisin', sans-serif;
  padding-top: 5px
}

#header .logo h1 a {
  color: #353535;
  text-decoration: none;
  font-size: 38px;
  
}

/*
#header .logo h1 a,#header .logo h1 a:hover{
    margin: 0 0 15px 0;
    font-size: 34px;
    font-weight: 700;
    color: #14141f;
    background: #fff;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    text-decoration:none;
	padding-left:5px;
	text-shadow: 0 1px 0 #dba1a1, 0 2px 0 #d89999, 0 3px 0 #d59292, 0 4px 0 #d28a8a, 0 5px 0 #cf8383,;
}
*/

#header .logo h1 a span,
#header .logo h1 a span:hover {
/*
  padding-left: 10px;



  color: #fff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: white;
  
  */
  
}



#header .logo img {
  padding: 0;
  margin: 0;
  max-height: 40px
}

.header-social-links {
  margin: 0 0 0 30px
}

@media (max-width:768px) {
  .header-social-links {
    margin: 0 55px 0 0;
  }
}




.header-social-links a {
font-size: 18px;
    display: inline-block;
    color: #000;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    border: 2px solid #02004b;

    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    cursor: pointer;

}

.header-social-links a:hover {
    background: #000;
    color: #fff;
    text-decoration: none;
}


.text {

  transform: translate(50%, -50%);
  /* text-transform: uppercase; */


  font-weight: 700;
  color: #af83c1;

}

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

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

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 16px;
  color: rgb(0, 0, 0);
  white-space: nowrap;
  transition: 0.3s;
}

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

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

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #fdc134;
  color: #fff;
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 100px;


}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  background: #29a0da;
  color: #213b52;
  
  
  

  
}

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

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

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #3e6f9b;
}

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

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

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

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

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

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

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

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  /* color: #29a0da; */
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
  position: fixed;
  right: 15px;
  top: 23px;
  z-index: 9998;
  border: 0;
}

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

  .navbar ul {
    display: none;
  }
}

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

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

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

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

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

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
  display: block;
  border: 0;
}

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

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

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

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

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

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

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

/*
#hero {
  width: 100%;
  padding-top: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  background-color: #bbefff;
}
*/

#hero {
padding: 0;

margin-bottom: 40px;
/*background-image: url(../img/bg_top.svg), url(../img/mid_top.svg);*/
background-image: url(../img/mid_top.svg);
background-position: 50% 0%, 50% 100%;
/* background-size: cover; */
background-repeat: no-repeat, no-repeat;

}

#hero img {

  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;

}

#hero h1 {
  margin: 0 0 15px 0;

color: #fff;
font-size: 48px;
text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;

}


#hero h3 {
  color: #fff;

  line-height: 52px;
}

#hero p {
  margin: 0 0 15px 0;
  font-size: 24px;
  color: #02004b;
}

#hero h2 {
  color: #fff;
  margin-bottom: 30px;
  font-size: 22px;
}

#hero .btn-get-started {
  color: #000;
  border-radius: 50px;
  padding: 20px;

  transition: all ease-in-out 0.3s;
  display: inline-block;
  background: #fdc134;
}

#hero .btn-get-started:hover {
  background: #29a0da;
  color: #fff;
}

#hero .presalegroup {
padding: 15px 30px;
    border-style: solid;
    border-width: 4px;
    border-color: #02004b;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: 0 7px 0 0 #02004b;
    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    
    color: #02004b;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}



@media (max-width: 991px) {
  #hero .hero-img {
    text-align: center;
  }

  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero {
    -moz-text-align-last: center;
    text-align-last: center;
  }

  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {

  overflow: hidden;


}

.section-bg {}

.section-title {}

.section-title h2 {
  font-size: 32px;
  font-weight: 600;
  text-transform: uppercase;

  position: relative;

  color: #213b52;
}

.section-title h2::before {}

.section-title h2::after {}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background-color: #f6f9fb;
  min-height: 40px;
}

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

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

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

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

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

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# presale
--------------------------------------------------------------*/

#presale h1 {
  line-height: 55px;
}

#presale .btn-get-started {
  color: #fff;
  border-radius: 50px;
  padding: 8px 35px 10px 35px;

  transition: all ease-in-out 0.3s;
  display: inline-block;
  background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
  font-size: 20px;
}

#presale .btn-get-started:hover {


  background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);

}

.presale {
  padding: 20px;

}

.presale-wrap {
  padding: 20px;
  border-radius: 30px;
}

.presale .client-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 120px;
}

.presale .client-logo img {
  height: 40px;
}

.presale .client-logo:hover img {
  transform: scale(1.2);
}

.presale img {
  transition: all 0.4s ease-in-out;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/

.about {
  padding: 0;
  margin-top: 90px;
  margin-bottom: 40px
}

@media (max-width:992px) {
  .about .container {
    padding: 30px
  }
}

.about .content h3 {
  font-weight: 400;
  font-size: 42px;
  color: #f0a04b;
  font-family: 'Rum Raisin', sans-serif
}

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

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

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

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

.about p {
  font-size: 20px
}

.about-new {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 40px;
  
  

  
  
}

@media (max-width:992px) {
  .about-new .container {
    padding: 30px
  }
}

.about-new .content h3 {
  font-weight: 400;
  font-size: 42px;
  color: #367cb5;
  font-family: 'Rum Raisin', sans-serif
}

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

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

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

.about-new .content p:last-child {
  margin-bottom: 0
}

.about-new p {
  font-size: 20px
}

.about-new img {


  border-radius: 15%;
  transition: all 0.3s ease-in-out
}

.about-new img:hover {
  transform: translateY(-15px)
}

/*--------------------------------------------------------------
# gift
--------------------------------------------------------------*/


.gift {
  /*border-top: 10px solid #000;*/
  transform: rotate(0deg);
  padding-bottom: 40px;

}

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

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

.gift ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #fdc134;
}

.gift h1 {
  margin: 0 0 15px 0;
  font-size: 48px;
  font-weight: 700;
  color: #fdc134;

}

.gift .card {
  border: 0;
  padding: 0 30px;
  margin-bottom: 60px;
  position: relative;
  background: transparent;
}

.gift .card-img {
  overflow: hidden;
  z-index: 9;
  border-radius: 0;
}

.gift .card-img img {
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}

.gift .card-body {
  z-index: 10;
  background: #fff;
  border-top: 4px solid #fff;
  padding: 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  margin-top: -60px;
  margin-left: 30px;
  width: calc(100% - 60px);
}

@media (max-width: 640px) {
  .gift .card-body {
    margin-left: 15px;
    width: calc(100% - 30px);
  }
}

.gift .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
}

.gift .card-title a {
  color: #213b52;
  transition: 0.3s;
}

.gift .card-text {
  color: #5e5e5e;
}

.gift .read-more a {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.3s;
}

.gift .read-more a:hover {
  color: #fdc134;
}

.gift .card:hover img {
  transform: scale(1.1);
}

.gift .card:hover .card-body {
  border-color: #fdc134;
}

.gift .card:hover .card-body .card-title a {
  color: #fdc134;
}

.triangle-right {
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 50%
}

.othergifts {
  font-size: 32px;
  text-shadow: 0 2px 15px rgb(0 0 0 / 50%);
  padding-top: 30px;
}

.othergifts i {
  color: #fff;
}

.othergifts p {
  color: #fff;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .content+.content {
  margin-top: 100px;
}

.features .content h3 {
  font-weight: 700;
  font-size: 26px;
  color: #213b52;
}

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

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

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

.features .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 0 35px 0;
  list-style: none;
  text-align: center;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  margin: 0 5px 5px 0;
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fdc134;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(33, 59, 82, 0.6);
  position: absolute;
  left: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all ease-in-out 0.3s;
  z-index: 2;
}

.portfolio .portfolio-wrap img {
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  top: calc(50% - 36px);
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fdc134;
  line-height: 0;
  text-align: center;
  width: 36px;
  height: 36px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a i {
  font-size: 32px;
  line-height: 0;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.portfolio .portfolio-wrap:hover::before {
  left: 0;
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  top: calc(50% - 18px);
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #fdc134;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fdc134;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(33, 59, 82, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/

.teams {}

.teams .icon-box .icon img {
  transition: transform .7s ease-in-out
}

.teams .icon-box:hover .icon img {
  transform: rotate(360deg)
}

.teams .icon-box {
  padding: 20px;
  position: relative;
  margin: 0;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, .1);
  transition: all 0.3s ease-in-out;
  border-radius: 15px 50px 15px;
  text-align: center;
  border-bottom: 3px solid #fff;
  margin-top: 100px;
  margin-bottom: 50px
}

.teams .icon-box:hover {
  transform: translateY(-5px);
  background: #fff;
  color: #000
}

.teams .icon i {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 15px
}

.teams .title {
  font-weight: 700;
  margin: 15px 0;
  font-size: 18px
}

.teams .title span {
  font-weight: 100;
  font-size: 14px
}

.teams .title a {
  color: #111
}

.teams .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0
}

.teams .icon-box-pink .icon i {
  color: #ff689b
}

.teams .icon-box-pink:hover {
  border-color: #367cb5
}

.teams .icon-box-cyan .icon i {
  color: #3fcdc7
}

.teams .icon-box-cyan:hover {
  border-color: #9ED0D7
}

.teams .icon-box-green .icon i {
  color: #41cf2e
}

.teams .icon-box-green:hover {
  border-color: #9ED0D7
}

.teams .icon-box-blue .icon i {
  color: #2282ff
}

.teams .icon-box-blue:hover {
  border-color: #2282ff
}

.teams .icon {
  margin-top: -140px
}

.teams h1 {
  color: #ffec3e;
  font-size: 24px;
  text-align:center;
text-shadow:rgb(2 0 75) 6px 0px 0px, rgb(2 0 75) 5.91686px 0.995377px 0px, rgb(2 0 75) 5.66974px 1.96317px 0px, rgb(2 0 75) 5.2655px 2.87655px 0px, rgb(2 0 75) 4.71532px 3.71022px 0px, rgb(2 0 75) 4.03447px 4.44106px 0px, rgb(2 0 75) 3.24181px 5.04883px 0px, rgb(2 0 75) 2.35931px 5.51667px 0px, rgb(2 0 75) 1.41143px 5.83163px 0px, rgb(2 0 75) 0.424423px 5.98497px 0px, rgb(2 0 75) -0.574341px 5.97245px 0px, rgb(2 0 75) -1.55719px 5.79441px 0px, rgb(2 0 75) -2.49688px 5.45578px 0px, rgb(2 0 75) -3.36738px 4.96596px 0px, rgb(2 0 75) -4.14455px 4.33852px 0px, rgb(2 0 75) -4.80686px 3.59083px 0px, rgb(2 0 75) -5.33596px 2.74364px 0px, rgb(2 0 75) -5.71718px 1.8204px 0px, rgb(2 0 75) -5.93996px 0.84672px 0px, rgb(2 0 75) -5.99811px -0.150428px 0px, rgb(2 0 75) -5.89004px -1.14341px 0px, rgb(2 0 75) -5.61874px -2.1047px 0px, rgb(2 0 75) -5.19172px -3.00766px 0px, rgb(2 0 75) -4.62082px -3.82727px 0px, rgb(2 0 75) -3.92186px -4.54081px 0px, rgb(2 0 75) -3.11421px -5.12852px 0px, rgb(2 0 75) -2.22026px -5.57409px 0px, rgb(2 0 75) -1.26477px -5.86518px 0px, rgb(2 0 75) -0.274238px -5.99373px 0px, rgb(2 0 75) 0.723898px -5.95617px 0px, rgb(2 0 75) 1.70197px -5.75355px 0px, rgb(2 0 75) 2.63288px -5.39147px 0px, rgb(2 0 75) 3.49082px -4.87998px 0px, rgb(2 0 75) 4.25202px -4.23324px 0px, rgb(2 0 75) 4.89538px -3.46919px 0px, rgb(2 0 75) 5.40307px -2.60899px 0px, rgb(2 0 75) 5.76102px -1.67649px 0px, rgb(2 0 75) 5.95932px -0.697531px 0px;
}

.teams h2 {
  color: #000;
  font-size: 16px;
}

.teams p {
font-size: 16px;
    color: #000;
    padding-top: 30px;
}

.teams h3 {

  padding-bottom: 30px;
color: #fff;
    font-size: 48px;
    text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;
}

.teamsbg {

  padding: 15px;
  border-radius: 10px;
  transition: 0.3s;
  transition: 0.3s;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  
  
  background: rgba(255, 255, 255, 1);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.1px);
-webkit-backdrop-filter: blur(7.1px);
border: 1px solid rgba(255, 255, 255, 0.26);
  
  
}

.teamsbg span i {
  color: #00669F;
}

/*
.teams img {
	display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: 0.5s;
	
    border-radius: 20px;
	padding:20px;
	image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    image-rendering: -webkit-optimize-contrast;
    
	}
.teams img:hover {transform:translateY(-15px)}
*/



.teamsbg span i {
  color: #00669F;
}

.teams img {
  transition: all 0.3s ease-in-out;
  padding: 4px 0;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
  height: 50%;
  width: 50%;

}

.teams img:hover {
  transform: translateY(-15px);
}


.teams1 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  
}

.teams1 ul li a {
font-size: 18px;
    display: inline-block;
    color: #000;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    border: 3.5px solid #02004b;
    box-shadow: 0 5px 0 0 #02004b;
    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    cursor: pointer;
}

.teams1 ul li a:hover {
background: #000;
    color: #fff;
    text-decoration: none;
}



.team-style-three .inner {
  position: relative;
}

.team-style-three .inner .thumbnail img {
  width: 100%;
  border-radius: 20px;
}

.team-style-three .inner .content {
  position: absolute;
  bottom: 0;

  width: 100%;
  transition: all 0.3s;
  opacity: 0;
}

.team-style-three:hover .inner .content {
  opacity: 1;
}

.team-style-three .inner .content .team-info {
  padding: 20px;
  background-color: #367cb5;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  border: 5px solid #000;
  box-shadow: 4px 4px 0 0 #000;

}
}


.teams a {
  color: #fff;

  line-height: 42px;
  transition: 0.3s;

  text-align: center;
  width: 40px;
  height: 40px;
  font-size: x-large;
  margin: 0 auto;

}

.teams a:hover {
  /*-webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);*/
  color: #fff;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {
  padding-top: 40px;
}

.pricing .box {
  padding: 40px;
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
  background: #fff;
  text-align: center;
  position: relative;
}

.pricing .featured-badge {
  display: inline-block;
  position: absolute;
  top: -11px;
  left: calc(50% - 49px);
  background: #fdc134;
  color: #fff;
  text-align: center;
  line-height: 1;
  border-radius: 50px;
  padding: 4px 20px 5px 20px;
  font-size: 12px;
  text-transform: uppercase;
}

.pricing h3 {
  font-weight: 300;
  margin-bottom: 15px;
  font-size: 28px;
}

.pricing h4 {
  font-size: 46px;
  color: #fdc134;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 25px;
}

.pricing h4 span {
  color: #bababa;
  font-size: 18px;
  display: block;
}

.pricing ul {
  padding: 0;
  list-style: none;
  color: #999;
  text-align: left;
  line-height: 20px;
}

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

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

.pricing ul .na {
  color: #ccc;
}

.pricing ul .na i {
  color: #ccc;
}

.pricing ul .na span {
  text-decoration: line-through;
}

.pricing .get-started-btn {
  background: #213b52;
  display: inline-block;
  padding: 6px 30px;
  border-radius: 20px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
  transition: 0.3s;
}

.pricing .get-started-btn:hover {
  background: #fdc134;
}

.pricing .featured {
  z-index: 10;
  margin: -30px -5px 0 -5px;
  border: 1px solid #fdc134;
}

.pricing .featured .get-started-btn {
  background: #fdc134;
}

.pricing .featured .get-started-btn:hover {
  background: #fdcd5c;
}

@media (max-width: 992px) {
  .pricing .box {
    max-width: 60%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 767px) {
  .pricing .box {
    max-width: 80%;
    margin: 0 auto 30px auto;
  }
}

@media (max-width: 420px) {
  .pricing .box {
    max-width: 100%;
    margin: 0 auto 30px auto;
  }
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  padding-top: 100px;
}

.faq h2 {


  padding-bottom: 30px;
  
color: #fff;
    font-size: 48px;
    text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;
}
.faq .faq-list {
  padding: 0;
  list-style: none
}

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

.faq .faq-list li {
 
  margin-bottom: 20px;
  padding: 20px 10px 20px 30px;
  border-radius: 50px;
  background: #fff;
  
  
  
  
  
  
  
  
  
  
  
  
  
}


.faq h2 {

  font-size: 48px;
  font-weight: 700;
  color: #fff;


}


.faq .faq-list .question {
  display: block;
  position: relative;

  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  cursor: pointer;
  color: #ffc107;
  transition: 0.3s
}

.faq .faq-list i {
font-size: 32px;
    position: absolute;
    right: 10px;
    top: 0px;
}

.faq .faq-list p {
  font-size: 18px;
  margin-bottom: 0;
  padding: 10px 0 0 0
}

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

.faq .faq-list .collapsed {
  color: #000
}

.faq .faq-list .collapsed:hover {
  color: #f0a04b
}

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

    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    cursor: pointer;
  
}

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

    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    cursor: pointer;
}

.faq img {
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;

}







.faq .faq-item {
  margin: 20px 0;
  padding: 20px 0;
  border-bottom: 1px solid #dde8f1;
}

.faq .faq-item i {
  color: #9bbbd7;
  font-size: 20px;
  float: left;
  line-height: 0;
  padding: 13px 0 0 0;
  margin: 0;
}

.faq .faq-item h4 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  margin: 0 0 10px 28px;
  font-family: "Poppins", sans-serif;
}

.faq .faq-item p {
  font-size: 15px;
}

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

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

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

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 30px;
  background: #fff;
}

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

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

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

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

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

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

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

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

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

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

.contact .php-email-form button[type=submit]:hover {
  background: #fdd067;
}

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

  100% {
    transform: rotate(360deg);
  }
}

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

  100% {
    transform: rotate(360deg);
  }
}




.utility h2 {
  font-size: 20px
}

.utility h3 {

color: #fff;
font-size: 48px;
text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;



  text-align: center;
  padding-bottom: 30px;
}

.utility .icon i {
  font-size: 70px;

  margin-bottom: 15px;
  color: #64c4ff
}

.utility .title {
  font-size: 42px;
  padding-top: 10px;
  color: #ffec3e;
  text-shadow:rgb(2 0 75) 6px 0px 0px, rgb(2 0 75) 5.91686px 0.995377px 0px, rgb(2 0 75) 5.66974px 1.96317px 0px, rgb(2 0 75) 5.2655px 2.87655px 0px, rgb(2 0 75) 4.71532px 3.71022px 0px, rgb(2 0 75) 4.03447px 4.44106px 0px, rgb(2 0 75) 3.24181px 5.04883px 0px, rgb(2 0 75) 2.35931px 5.51667px 0px, rgb(2 0 75) 1.41143px 5.83163px 0px, rgb(2 0 75) 0.424423px 5.98497px 0px, rgb(2 0 75) -0.574341px 5.97245px 0px, rgb(2 0 75) -1.55719px 5.79441px 0px, rgb(2 0 75) -2.49688px 5.45578px 0px, rgb(2 0 75) -3.36738px 4.96596px 0px, rgb(2 0 75) -4.14455px 4.33852px 0px, rgb(2 0 75) -4.80686px 3.59083px 0px, rgb(2 0 75) -5.33596px 2.74364px 0px, rgb(2 0 75) -5.71718px 1.8204px 0px, rgb(2 0 75) -5.93996px 0.84672px 0px, rgb(2 0 75) -5.99811px -0.150428px 0px, rgb(2 0 75) -5.89004px -1.14341px 0px, rgb(2 0 75) -5.61874px -2.1047px 0px, rgb(2 0 75) -5.19172px -3.00766px 0px, rgb(2 0 75) -4.62082px -3.82727px 0px, rgb(2 0 75) -3.92186px -4.54081px 0px, rgb(2 0 75) -3.11421px -5.12852px 0px, rgb(2 0 75) -2.22026px -5.57409px 0px, rgb(2 0 75) -1.26477px -5.86518px 0px, rgb(2 0 75) -0.274238px -5.99373px 0px, rgb(2 0 75) 0.723898px -5.95617px 0px, rgb(2 0 75) 1.70197px -5.75355px 0px, rgb(2 0 75) 2.63288px -5.39147px 0px, rgb(2 0 75) 3.49082px -4.87998px 0px, rgb(2 0 75) 4.25202px -4.23324px 0px, rgb(2 0 75) 4.89538px -3.46919px 0px, rgb(2 0 75) 5.40307px -2.60899px 0px, rgb(2 0 75) 5.76102px -1.67649px 0px, rgb(2 0 75) 5.95932px -0.697531px 0px;
}

.utility .description {
  font-size: 28px;
  padding-bottom: 10px;
  color: #02004b;
}


.utility img {

  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
}

.threepoints {

  padding: 50px;
  position: relative;
  overflow: hidden;
  margin: 0;
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
  text-align: left;

}


.threepoints .one {
  background-color: #fff;
  width: 50px;
  border-radius: 50px;
  text-align: center;
  color: #000;
  font-size: 26px;
  height: 50px;
  line-height: 50px;
  float: left;
  margin-right: 10px;
  
  

border-style: solid;
    border-width: 4px;
    border-color: #02004b;
    box-shadow: 0 4px 0 0 #02004b;
    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
  
}

.threepoints .two {
  background-color: #fff;
  width: 50px;
  border-radius: 50px;
  text-align: center;
  color: #000;
  font-size: 26px;
  height: 50px;
  line-height: 50px;
}

.threepoints .three {
  background-color: #fff;
  width: 50px;
  border-radius: 50px;
  text-align: center;
  color: #000;
  font-size: 26px;
  height: 50px;
  line-height: 50px;
}





.roadmap {
  padding-top: 100px;
  /*border-top: 10px solid #000;*/

}

.roadmap h3 {
color: #fff;
font-size: 48px;
text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;


}

.roadmap h4 {
color: #ffec3e;
font-size: 48px;
text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;


}


.roadmap h2 {

  font-size: 22px;

color: #fff;

    text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;
}




.timeline {
  position: relative;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;

}

.timeline::after {
  content: '';
  position: absolute;
  width: 4px;

  top: 0;
  bottom: 0;
  left: 0%;
  margin-left: 2px
}

.boxcont {
  padding: 15px 30px;
  position: relative;
  background: inherit;
  width: 100%
}

.boxcont.left {
  left: 0
}

.boxcont.right {
  left: 0%
}

.boxcont::after {
  content: '';
  position: absolute;
  width: 26px;
  height: 26px;
  top: 13px;
  right: -14px;
  background: #fdc134;
  /* border-radius: 16px; */
  z-index: 1;
  border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;

}

.boxcont.right::after {
  left: -8px
}

.boxcont.right::before {
  left: 10px;
  border-color: transparent #5381B0 transparent transparent
}

.date {
  display: none !important
}

.boxcont .date {
  content: '';
  position: absolute;
  display: inline-block;
  top: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #367cb5;
  text-transform: uppercase;
  letter-spacing: 1px;
  z-index: 1
}

.boxcont.left .date {
  right: -75px
}

.boxcont.right .date {
  left: -115px
}

.boxcont .content {
  padding: 30px;
  position: relative;
  background: transparent;

  border: 5px solid #fdc134;
  border-radius: 15px;
  box-shadow: 0 0 60px rgba(0, 0, 0, .08)
}

.boxcont.right .content {
  padding: 30px;
  position: relative;
  background: linear-gradient(45deg, rgba(111, 18, 26, 1) 0%, rgba(11, 24, 68, 1) 100%);

  border: 3px solid #fdc134;
  border-radius: 15px;
  box-shadow: 0 0 60px rgba(0, 0, 0, .08)
}

.boxcont .content h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: 400;
  color: #fdc134;
}

.boxcont .content p {
  margin: 0;
  font-size: 20px;
  line-height: 22px;
  color: #fff;
}

@media (max-width:767.98px) {
  .timeline::after {
    left: 90px
  }

  .boxcont {
    width: 100%;
    padding-left: 120px;
    padding-right: 30px
  }

  .boxcont.right {
    left: 0%
  }

  .boxcont.left::after,
  .boxcont.right::after {
    left: 82px
  }

  .boxcont.left::before,
  .boxcont.right::before {
    left: 100px;
    border-color: transparent #006E6D transparent transparent
  }

  .boxcont.left .date,
  .boxcont.right .date {
    right: auto;
    left: 15px
  }
}




.meta-bg .box {
  width: 60vmin;
  height: 60vmin;

  margin: 0 auto;

  &::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    transform: scale(1.42);
  }
}

.meta-bg .spin-container {
  width: 100%;
  height: 100%;
  animation: spin 12s linear infinite;
  position: relative;
}

.meta-bg .shape {
  width: 100%;
  height: 100%;
  transition: border-radius 1s ease-out;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  animation: morph 8s ease-in-out infinite both alternate;
  position: absolute;
  overflow: hidden;
  z-index: 5;
  border: 5px solid #000;
  box-shadow: 4px 4px 0 0 #000;
}






.meta-bg .bd {
  width: 142%;
  height: 142%;
  position: absolute;
  left: -21%;
  top: -21%;
  background: url(../img/vr4.png);

  background-position: center center;
  display: flex;
  color: #003;
  font-size: 5vw;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  animation: spin 12s linear infinite reverse;
  opacity: 1;
  z-index: 2;
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 60% 30% 70% 40%;
  }

  100% {
    border-radius: 40% 60%;
  }
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}


.metaverse {

  /*border-top: 10px solid #000;*/
}

.metaverse h5 {

  color: #fff;
  font-size: 36px;
}

.metaversewitebg {
  background: #fff;

  padding: 30px;
  margin-top: 30px;
  border-radius: 30px;
  padding: 40px;
  color: #000;
}


.mbasdor h3 {
color: #fff;
    font-size: 48px;
    text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;
}

.mbasdor {
	


	
	
/*
  padding-bottom: 100px;
  */
}

.mbasdor h5 {

  color: #ffec3e;
  font-size: 36px;
  text-shadow:rgb(2 0 75) 6px 0px 0px, rgb(2 0 75) 5.91686px 0.995377px 0px, rgb(2 0 75) 5.66974px 1.96317px 0px, rgb(2 0 75) 5.2655px 2.87655px 0px, rgb(2 0 75) 4.71532px 3.71022px 0px, rgb(2 0 75) 4.03447px 4.44106px 0px, rgb(2 0 75) 3.24181px 5.04883px 0px, rgb(2 0 75) 2.35931px 5.51667px 0px, rgb(2 0 75) 1.41143px 5.83163px 0px, rgb(2 0 75) 0.424423px 5.98497px 0px, rgb(2 0 75) -0.574341px 5.97245px 0px, rgb(2 0 75) -1.55719px 5.79441px 0px, rgb(2 0 75) -2.49688px 5.45578px 0px, rgb(2 0 75) -3.36738px 4.96596px 0px, rgb(2 0 75) -4.14455px 4.33852px 0px, rgb(2 0 75) -4.80686px 3.59083px 0px, rgb(2 0 75) -5.33596px 2.74364px 0px, rgb(2 0 75) -5.71718px 1.8204px 0px, rgb(2 0 75) -5.93996px 0.84672px 0px, rgb(2 0 75) -5.99811px -0.150428px 0px, rgb(2 0 75) -5.89004px -1.14341px 0px, rgb(2 0 75) -5.61874px -2.1047px 0px, rgb(2 0 75) -5.19172px -3.00766px 0px, rgb(2 0 75) -4.62082px -3.82727px 0px, rgb(2 0 75) -3.92186px -4.54081px 0px, rgb(2 0 75) -3.11421px -5.12852px 0px, rgb(2 0 75) -2.22026px -5.57409px 0px, rgb(2 0 75) -1.26477px -5.86518px 0px, rgb(2 0 75) -0.274238px -5.99373px 0px, rgb(2 0 75) 0.723898px -5.95617px 0px, rgb(2 0 75) 1.70197px -5.75355px 0px, rgb(2 0 75) 2.63288px -5.39147px 0px, rgb(2 0 75) 3.49082px -4.87998px 0px, rgb(2 0 75) 4.25202px -4.23324px 0px, rgb(2 0 75) 4.89538px -3.46919px 0px, rgb(2 0 75) 5.40307px -2.60899px 0px, rgb(2 0 75) 5.76102px -1.67649px 0px, rgb(2 0 75) 5.95932px -0.697531px 0px;
}

.mbasdorbg {
  background: #fff;

  padding: 30px;
  margin-top: 30px;
  border-radius: 30px;
  padding: 40px;
  color: #000;
}

.mbasdorbg p {
color: #000;
    font-size: 24px;
    padding-top: 30px;
}

.mbasdor ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.mbasdor ul li a {
font-size: 18px;
    display: inline-block;
    color: #000;
    line-height: 1;
    padding: 8px 0;
    margin-right: 4px;
    border-radius: 50%;
    text-align: center;
    width: 36px;
    height: 36px;
    transition: 0.3s;
    border: 3.5px solid #02004b;
    box-shadow: 0 5px 0 0 #02004b;
    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    cursor: pointer;
}

.mbasdor ul li a:hover {
background: #000;
    color: #fff;
    text-decoration: none;
}

.mbasdor a:hover {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  color: #fff;
}


.utility {
	
	
	  padding: 0;
    margin-top: 30px;
    

	

  /*
    border-top: 10px solid #000;*/
}


.teams {
  padding: 50px 0;
  /*border-top: 10px solid #000;*/
}

.faq {
  /*border-top: 10px solid #000;*/
  padding: 50px 0;
}

.metapal img {
  padding-top: 0px;

}




.witebg {

  border-radius: 2px;
  padding: 30px;
  margin-top: 30px;
}

.meta-bg h3 {
  color: #fff;
  font-size: 48px;
  text-shadow: 0 1px 0 #00669f, 0 2px 0 #00669f, 0 3px 0 #00669f, 0 4px 0 #00669f;
  ;

}

.meta-bg p {
  color: #fff;
  font-size: 22px;
}


.about-new {}

.about-new h3 {
  color: #fff;
  font-size: 48px;

text-shadow: rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;

  text-align: center;

}



.about-new .content h3 {
  font-size: 48px;
  font-weight: 700;
  color: #d2e0ed;
  background-image: -webkit-gradient(linear, left top, right top, from(#ead71b), color-stop(44%, #ff7f96), color-stop(66%, #82cbac));
  background-image: linear-gradient(90deg, #ead71b, #ff7f96 44%, #82cbac 66%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

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

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

.about-new .content p:last-child {
  margin-bottom: 0
}

.about-new p {
  font-size: 26px;
  color: #02004b;
  text-align:center;
  
}

.about-new img {
border: 2px solid rgba(255, 255, 255, 1);
 
  border-radius: 45px;

  transition: all 0.3s ease-in-out;


  position: relative;




  transition: all 0.13s ease-in;
}

.about-new img {

  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
  transition: all .15s ease;
  animation: infiniteScrollBg 40s linear infinite;
  
  
 

    
  

}

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

  100% {
    background-position: 50% (-300 * 2);
  }
}

.about-new img:hover {
  transform: translateY(-15px) -webkit-transform: translate(12px, -12px);
  transform: translate(12px, -12px);
}


.about-new img:hover:after {
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);
}

.about-new img:hover:after,
.about-new img:hover:before {
  content: "";
  display: block;
  background-color: #363636;
  width: 16px;
  height: 16px;
  position: absolute;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}


.colec-img {

  margin-bottom: 5px;
}











/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  position: relative;
  z-index: 2;
  /*border-top: 10px solid #000;*/




}

#footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  z-index: 1;
}

#footer .footer-top {
  position: relative;
  z-index: 2;

  padding-bottom: 100px;

  background: url("../img/footer_bg.svg") center bottom no-repeat;
  
  
  display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;

    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
  

}

#footer .footer-top h3 {
  color: #fff;
  font-size: 48px;
  text-shadow:rgb(2 0 75) 8px 0px 0px, rgb(2 0 75) 7.93758px 0.997398px 0px, rgb(2 0 75) 7.7513px 1.97923px 0px, rgb(2 0 75) 7.44406px 2.93018px 0px, rgb(2 0 75) 7.02066px 3.8354px 0px, rgb(2 0 75) 6.48771px 4.68078px 0px, rgb(2 0 75) 5.85351px 5.45311px 0px, rgb(2 0 75) 5.12797px 6.14035px 0px, rgb(2 0 75) 4.32242px 6.73177px 0px, rgb(2 0 75) 3.44941px 7.21814px 0px, rgb(2 0 75) 2.52258px 7.59188px 0px, rgb(2 0 75) 1.55638px 7.84714px 0px, rgb(2 0 75) 0.565898px 7.97996px 0px, rgb(2 0 75) -0.433417px 7.98825px 0px, rgb(2 0 75) -1.42597px 7.87189px 0px, rgb(2 0 75) -2.39627px 7.63269px 0px, rgb(2 0 75) -3.32917px 7.27438px 0px, rgb(2 0 75) -4.21013px 6.80256px 0px, rgb(2 0 75) -5.02539px 6.22459px 0px, rgb(2 0 75) -5.76223px 5.54948px 0px, rgb(2 0 75) -6.40915px 4.78778px 0px, rgb(2 0 75) -6.95606px 3.95136px 0px, rgb(2 0 75) -7.39442px 3.05329px 0px, rgb(2 0 75) -7.71739px 2.10757px 0px, rgb(2 0 75) -7.91994px 1.12896px 0px, rgb(2 0 75) -7.9989px 0.132735px 0px, rgb(2 0 75) -7.95304px -0.865561px 0px, rgb(2 0 75) -7.78307px -1.85035px 0px, rgb(2 0 75) -7.49165px -2.80627px 0px, rgb(2 0 75) -7.08333px -3.71839px 0px, rgb(2 0 75) -6.56447px -4.57249px 0px, rgb(2 0 75) -5.94318px -5.35524px 0px, rgb(2 0 75) -5.22915px -6.05442px 0px, rgb(2 0 75) -4.43352px -6.65912px 0px, rgb(2 0 75) -3.5687px -7.15991px 0px, rgb(2 0 75) -2.6482px -7.54898px 0px, rgb(2 0 75) -1.68637px -7.82024px 0px, rgb(2 0 75) -0.698222px -7.96947px 0px, rgb(2 0 75) 0.300817px -7.99434px 0px, rgb(2 0 75) 1.29516px -7.89446px 0px, rgb(2 0 75) 2.2693px -7.67139px 0px, rgb(2 0 75) 3.20802px -7.32862px 0px, rgb(2 0 75) 4.09668px -6.87148px 0px, rgb(2 0 75) 4.92142px -6.30711px 0px, rgb(2 0 75) 5.66936px -5.64432px 0px, rgb(2 0 75) 6.32883px -4.89346px 0px, rgb(2 0 75) 6.88954px -4.06623px 0px, rgb(2 0 75) 7.34274px -3.17555px 0px, rgb(2 0 75) 7.68136px -2.23532px 0px, rgb(2 0 75) 7.90012px -1.26021px 0px, rgb(2 0 75) 7.9956px -0.265434px;

}

#footer .footer-top p {
  font-size: 24px;
  font-style: italic;
  margin: 30px 0 0 0;
  padding: 0;
  color: #000;
}

#footer .footer-top .footer-newsletter {
  text-align: center;
  font-size: 15px;
  margin-top: 30px;
}

#footer .footer-top .footer-newsletter form {
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  text-align: left;
}

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

#footer .footer-top .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #fdc134;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

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

#footer .footer-top .social-links {
  margin-top: 30px;
  text-align: center;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;

  color: #000;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  
  

    border: 3.5px solid #02004b;

box-shadow: 0 5px 0 0 #02004b;
    -webkit-transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    transition: all 500ms cubic-bezier(.075, .82, .165, 1);
    cursor: pointer;
  
}

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

#footer .footer-bottom {

  z-index: 2;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

#footer .copyright {
  text-align: center;
  padding-top: 15px;
  color: #000;
}

#footer .credits {
  float: right;
  text-align: center;
  font-size: 13px;
}

@media (max-width: 768px) {

  #footer .copyright,
  #footer .credits {
    padding: 5px;
    float: none;
    text-align: ceneter;
  }
}






.mobioline {
  width: 500px;
  margin: auto;
}

.mobiomap {
  border-top: 20px solid;
  border-color: #8544a0 !important;
  margin-bottom: 10px;
  padding: 30px;
  counter-increment: section;
  position: relative;
  background-color: hsla(0, 0%, 100%, .05);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 20px;
  color: #fff;
}
}

.mobiomap span {
  font-size: 30px;
  color: #585dc0;
}



.mobiomap:nth-child(even):before {
  content: counter(section);
  right: 100%;
  margin-right: -20px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 20px;
  width: 20px;

  text-align: center;
  color: white;
  font-size: 56px;
  display: none;
}

.mobiomap:nth-child(odd):before {
  content: counter(section);
  left: 100%;
  margin-left: -20px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 20px;
  width: 20px;
  background-color: blue;
  text-align: center;
  color: white;
  font-size: 110%;
  display: none;
}



.mobiomap:nth-child(even) {
  border-left: 20px solid;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 30px;
  padding-right: 0;
  color: #fff;
}
}

.mobiomap:nth-child(odd) {
  border-right: 20px solid;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  color: #fff;
}

}

.mobiomap:first-child {}

.mobiomap:last-child {}







.giftboxnew {
  color: var(--background);
  font-size: 142px;
  font-weight: bold;
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  text-shadow: var(--backgroundShadow),
    var(--textshadow);
}









.team-inner {

  text-align: center;
}


.img-fluid {
  max-width: 100%;
  height: auto;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: pixelated;
  image-rendering: -webkit-optimize-contrast;
}







/*
.main-timeline{ font-family: 'Poppins', sans-serif; }
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: calc(50% + 1px);
    margin: 0 0 15px;
    float: left;
}
.main-timeline .timeline-content{
    color: #07ABFC;
    text-align: center;
    padding: 20px 50px 20px 20px;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-content:before,
.main-timeline .timeline-content:after{
    content: '';
    height: 100%;
    width: 100%;
    border: 3px solid #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    clip-path: polygon(40% 0, 100% 0, 100% 100%, 60% 100%);
}
.main-timeline .timeline-content:after{
    right: auto;
    left: 0;
    height: 90%;
    width: 30px;
    border-top: none;
    border-right: none;
    clip-path: none;
}
.main-timeline .timeline-icon{
    color: #fff;
    background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
    
    text-align: center;
    line-height: 70px;
    width: 90px;
    height: 90px;
    border: 10px solid #fff;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -45px;
    z-index: 1;
}
.main-timeline .title{
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 12px;
}
.main-timeline .description{
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 0 5px;
	color:#fff;
}
.main-timeline .timeline:nth-child(even){ float: right; }
.main-timeline .timeline:nth-child(even) .timeline-content{ padding: 20px 20px 20px 50px; }
.main-timeline .timeline:nth-child(even) .timeline-content:before{ transform: rotateY(180deg); }
.main-timeline .timeline:nth-child(even) .timeline-content:after{
    left: auto;
    right: 0;
    transform: rotateY(180deg);
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    right: auto;
    left: -45px;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-content{ color: #F67409; }
.main-timeline .timeline:nth-child(4n+2) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+2) .timeline-content:after{
    border-color: #fff;
}
.main-timeline .timeline:nth-child(4n+2) .timeline-icon{ background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%); }
.main-timeline .timeline:nth-child(4n+3) .timeline-content{ color: #d6063a; }
.main-timeline .timeline:nth-child(4n+3) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+3) .timeline-content:after{
    border-color: #fff;
}
.main-timeline .timeline:nth-child(4n+3) .timeline-icon{ background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%); }
.main-timeline .timeline:nth-child(4n+4) .timeline-content{ color: #011A66; }
.main-timeline .timeline:nth-child(4n+4) .timeline-content:before,
.main-timeline .timeline:nth-child(4n+4) .timeline-content:after{
    border-color: #fff;
}
.main-timeline .timeline:nth-child(4n+4) .timeline-icon{ background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%); }
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding-top: 45px;
        margin: 0 0 40px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 60px 20px 20px;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        transform: translateX(-50%);
        top: -45px;
        left: 50%;
        right: auto;
    }
}
*/

/*
.main-timeline:after{
    content: '';
    display: block;
    clear: both;
}
.main-timeline .timeline{
    width: calc(50% + 1px);
    margin: 0 0 25px;
    float: left;
}
.main-timeline .timeline-content{
    color: #777;
    padding: 20px 0 0 0;
    display: block;
    position: relative;
}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-icon{
    color: #666;
    
    font-size: 45px;
    text-align: center;
    line-height: 120px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    position: absolute;
    top: -22px;
    right: -60px;
    z-index: 1;
	display:none;
}
.main-timeline .timeline-icon:before{
    content: '';
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(0,0,0,0.25);
    position: absolute;
    left: 18px;
    right: 18px;
    top: 18px;
    bottom: 18px;
    z-index: -1;
}
.main-timeline .title{
    color: #fff;
    background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%);
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px 5px 5px 25px;
    margin: 0 0 15px;
    border-radius: 20px;
}
.main-timeline .description{
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 32px;
    margin: 0 65px 0 20px;
	color:#fff;
}
.main-timeline .timeline:nth-child(even){ float: right; }
.main-timeline .timeline:nth-child(even) .timeline-icon{
    right: auto;
    left: -60px;
}
.main-timeline .timeline:nth-child(even) .title{
    
    border-radius: 20px;
}
.main-timeline .timeline:nth-child(even) .description{ margin: 0 10px 0 80px; }
.main-timeline .timeline:nth-child(even) .title{ background: linear-gradient(97.3deg, #ff512f 0%, #dd2476 100%); }
.main-timeline .timeline:nth-child(4n+2) .timeline-icon{  }
.main-timeline .timeline:nth-child(4n+3) .timeline-icon{  }
@media screen and (max-width:767px){
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even){
        width: 100%;
        padding-top: 130px;
        margin: 0 0 40px;
    }
    .main-timeline .timeline-content,
    .main-timeline .timeline:nth-child(even) .timeline-content{
        padding: 0;
        text-align: center;
    }
    .main-timeline .timeline-icon,
    .main-timeline .timeline:nth-child(even) .timeline-icon{
        transform: translateX(-50%);
        top: -130px;
        left: 50%;
        right: auto;
    }
    .main-timeline .title,
    .main-timeline .timeline:nth-child(even) .title{
        background: linear-gradient(to right,#4A6675,#9EA6AB);
        border-radius: 20px;
        display: inline-block;
        padding: 5px 25px;
        margin: 0 0 10px;
    }
    .main-timeline .description,
    .main-timeline .timeline:nth-child(even) .description{
        margin: 0;
    }
}
*/



.main-timeline {
  background: url("../img/roadmapline.svg") top center;
  background-repeat: no-repeat;
  background-position: 25% 25%;
  display: inline-block;
  z-index: 999;
  animation: mymove 5s infinite;
  padding:26px;
}

@keyframes main-timeline {
  50% {
    background-position: center;
  }
}

/*
.main-timeline:after {
    
	background:url("../img/roadmapline.svg");
	background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    content: '';
    height: 100%;
    width: 7px;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    display: inline-block;
    z-index: 999;
}
*/



.main-timeline:after {
  content: '';
  display: block;
  clear: both;
}








.main-timeline .timeline {
  width: calc(50% + 65px);
  margin: 0 0 15px;
  float: left;
}

.main-timeline .timeline-content {

  display: block;
  position: relative;
}

.main-timeline .timeline-content:hover {
  text-decoration: none;
}

.main-timeline .timeline-year {
  color: #f93a5f;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  transform: translateY(-50%) rotate(90deg);
  position: absolute;
  top: 50%;
  left: -30px;
}

.main-timeline .timeline-icon {
  color: #f93a5f;
  background: linear-gradient(to right, #fe566c 49%, #f93a5f 50%);
  font-size: 50px;
  text-align: center;
  line-height: 120px;
  width: 120px;
  height: 120px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 5px;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.main-timeline .timeline-icon:before {
  content: "";
  background: #fff;
  width: 80%;
  height: 80%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}

.main-timeline .title {

  font-size: 36px;
  font-weight: 700;

  margin: 0 0 20px;
}

.main-timeline .description {
  color: #000;
  font-size: 18px;
  margin-top: 5px;
  margin: 0 0 5px;
  background: #fff;
  padding: 30px;
  border-radius: 15px;

}

.main-timeline .timeline:nth-child(even) {
  float: right;
}

.main-timeline .timeline:nth-child(even) .timeline-content {
  padding: 0 60px 0 50px;
}

.main-timeline .timeline:nth-child(even) .timeline-icon {
  right: auto;
  left: 5px;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
  left: auto;
  right: -30px;
}

.main-timeline .timeline:nth-child(4n+2) .timeline-icon {
  background: linear-gradient(to right, #fc8d05 49%, #fc7100 50%);
}

.main-timeline .timeline:nth-child(4n+2) .timeline-icon,
.main-timeline .timeline:nth-child(4n+2) .timeline-year,
.main-timeline .timeline:nth-child(4n+2) .title {
  color: #ffec3e;
}

.main-timeline .timeline:nth-child(4n+2) .title:after {
  background-color: #fc7100;
}

.main-timeline .timeline:nth-child(4n+3) .timeline-icon {
  background: linear-gradient(to right, #c058c4 49%, #b645bd 50%);
}

.main-timeline .timeline:nth-child(4n+3) .timeline-icon,
.main-timeline .timeline:nth-child(4n+3) .timeline-year,
.main-timeline .timeline:nth-child(4n+3) .title {
  color: #ffec3e;
}

.main-timeline .timeline:nth-child(4n+3) .title:after {
  background-color: #b645bd;
}

.main-timeline .timeline:nth-child(4n+4) .timeline-icon {
  background: linear-gradient(to right, #36a2c9 49%, #147aba 50%);
}

.main-timeline .timeline:nth-child(4n+4) .timeline-icon,
.main-timeline .timeline:nth-child(4n+4) .timeline-year,
.main-timeline .timeline:nth-child(4n+4) .title {
  color: #ffec3e;
}

.main-timeline .timeline:nth-child(4n+4) .title:after {
  background-color: #147aba;
}

@media screen and (max-width:767px) {

  .main-timeline .timeline,
  .main-timeline .timeline:nth-child(even) {
    width: 100%;
    margin: 0 0 40px;
  }
}

@media screen and (max-width:576px) {

  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(even) .timeline-content {
    text-align: center;
    padding: 140px 0 60px;
  }

  .main-timeline .timeline-icon,
  .main-timeline .timeline:nth-child(even) .timeline-icon {
    transform: translateX(-50%);
    top: 10px;
    left: 50%;
    right: auto;
  }

  .main-timeline .timeline-year,
  .main-timeline .timeline:nth-child(even) .timeline-year {
    transform: translateX(-50%) translateY(0%) rotate(0deg);
    left: 50%;
    right: auto;
    top: auto;
    bottom: 10px;
  }

  .main-timeline .title:after {
    margin: 5px auto 0;
  }
}

.mobresp {
  margin-top: 0px;
}

.roadmap {
  /*padding-top: 0;*/
}

.threepoints {
  padding: 30px;
}

.metapal img {
  padding-top: 0px;
  width: 90%;
}

.meta-bg h3 {
  color: #ff512f;
  font-size: 28px;
}

.othergifts {
  font-size: 28px;
}

}



















.myst {
  padding-top: 35px;


}

.gift p span {
  font-size: 26px;
  color: #fff;
  line-height: 38px;
}





.text-effect {
  color: #000;

  font-size: 0;
  text-align: center;
  margin: 50px 0 0;
}

.text-effect span {
  font-size: 28px;

  line-height: 100px;
  height: 100px;
  width: calc(100% / 25);
  box-shadow: 0 40px 50px rgba(0, 0, 0, 0.1);
  border: 1px solid #fff;
  display: inline-block;
  vertical-align: top;
  transition: all 0.3s ease;

}

.text-effect span:nth-child(odd) {
  animation: animate_1 1s ease-in-out infinite;
}

.text-effect span:nth-child(even) {
  animation: animate_2 1s ease-in-out infinite;
}

@keyframes animate_1 {
  0% {
    transform: skewY(0);
  }

  25% {
    transform: skewY(15deg);
  }

  50% {
    transform: skewY(0);
  }

  75% {
    transform: skewY(-15deg);
    background-color: #f9f9f9;
    color: #999;
  }

  100% {
    transform: skewY(0);
  }
}

@keyframes animate_2 {
  0% {
    transform: skewY(0);
  }

  25% {
    transform: skewY(-15deg);
    background-color: #f9f9f9;
    color: #999;
  }

  50% {
    transform: skewY(0);
  }

  75% {
    transform: skewY(15deg);
  }

  100% {
    transform: skewY(0);
  }
}












.purple {
  -webkit-animation: purple linear 30s alternate infinite;
  animation: purple linear 30s alternate infinite;
  border: 2px solid #241379;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  transform: translate3d(22vw, 72vh, 0);
  z-index: 12;
}

.purple::before {
  -webkit-animation: purple-pseudo linear 15s alternate infinite;
  animation: purple-pseudo linear 15s alternate infinite;
  background: #241379;
  border: 2px solid #241379;
  width: 35px;
  height: 33px;
  transform: translate3d(14vw, 27vh, 0) rotate(10deg);
}

.purple::after {
  -webkit-animation: purple-pseudo linear 20s alternate infinite;
  animation: purple-pseudo linear 20s alternate infinite;
  border: 2px solid #241379;
  width: 31px;
  height: 43px;
  transform: translate3d(-14vw, -51vh, 0) rotate(94deg);
}

@-webkit-keyframes purple {
  50% {
    transform: translate3d(90vw, 90vh, 0);
  }

  100% {
    transform: translate3d(94vw, 71vh, 0);
  }
}

@keyframes purple {
  50% {
    transform: translate3d(90vw, 90vh, 0);
  }

  100% {
    transform: translate3d(94vw, 71vh, 0);
  }
}

@-webkit-keyframes purple-pseudo {
  33% {
    transform: translate3d(-82vw, -89vh, 0) rotate(108deg);
  }

  100% {
    transform: translate3d(-8vw, -47vh, 0) rotate(209deg);
  }
}

@keyframes purple-pseudo {
  33% {
    transform: translate3d(-82vw, -89vh, 0) rotate(108deg);
  }

  100% {
    transform: translate3d(-8vw, -47vh, 0) rotate(209deg);
  }
}

.medium-blue {
  -webkit-animation: medium-blue linear 30s alternate infinite;
  animation: medium-blue linear 30s alternate infinite;
  border: 2px solid #2185bf;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  transform: translate3d(27vw, 68vh, 0);
  z-index: 4;
}

.medium-blue::before {
  -webkit-animation: medium-blue-pseudo linear 15s alternate infinite;
  animation: medium-blue-pseudo linear 15s alternate infinite;
  background: #2185bf;
  border: 2px solid #2185bf;
  width: 15px;
  height: 27px;
  transform: translate3d(-20vw, -67vh, 0) rotate(161deg);
}

.medium-blue::after {
  -webkit-animation: medium-blue-pseudo linear 20s alternate infinite;
  animation: medium-blue-pseudo linear 20s alternate infinite;
  border: 2px solid #2185bf;
  width: 38px;
  height: 16px;
  transform: translate3d(-19vw, -52vh, 0) rotate(176deg);
}

@-webkit-keyframes medium-blue {
  50% {
    transform: translate3d(61vw, 16vh, 0);
  }

  100% {
    transform: translate3d(34vw, 12vh, 0);
  }
}

@keyframes medium-blue {
  50% {
    transform: translate3d(61vw, 16vh, 0);
  }

  100% {
    transform: translate3d(34vw, 12vh, 0);
  }
}

@-webkit-keyframes medium-blue-pseudo {
  33% {
    transform: translate3d(-12vw, 70vh, 0) rotate(344deg);
  }

  100% {
    transform: translate3d(34vw, 21vh, 0) rotate(171deg);
  }
}

@keyframes medium-blue-pseudo {
  33% {
    transform: translate3d(-12vw, 70vh, 0) rotate(344deg);
  }

  100% {
    transform: translate3d(34vw, 21vh, 0) rotate(171deg);
  }
}

.light-blue {
  -webkit-animation: light-blue linear 30s alternate infinite;
  animation: light-blue linear 30s alternate infinite;
  border: 2px solid #1fbce1;
  border-radius: 100%;
  width: 6px;
  height: 6px;
  transform: translate3d(29vw, 22vh, 0);
  z-index: 8;
}

.light-blue::before {
  -webkit-animation: light-blue-pseudo linear 15s alternate infinite;
  animation: light-blue-pseudo linear 15s alternate infinite;
  background: #1fbce1;
  border: 2px solid #1fbce1;
  width: 22px;
  height: 23px;
  transform: translate3d(57vw, -22vh, 0) rotate(267deg);
}

.light-blue::after {
  -webkit-animation: light-blue-pseudo linear 20s alternate infinite;
  animation: light-blue-pseudo linear 20s alternate infinite;
  border: 2px solid #1fbce1;
  width: 15px;
  height: 39px;
  transform: translate3d(-26vw, 4vh, 0) rotate(5deg);
}

@-webkit-keyframes light-blue {
  50% {
    transform: translate3d(62vw, 11vh, 0);
  }

  100% {
    transform: translate3d(27vw, 10vh, 0);
  }
}

@keyframes light-blue {
  50% {
    transform: translate3d(62vw, 11vh, 0);
  }

  100% {
    transform: translate3d(27vw, 10vh, 0);
  }
}

@-webkit-keyframes light-blue-pseudo {
  33% {
    transform: translate3d(6vw, 86vh, 0) rotate(180deg);
  }

  100% {
    transform: translate3d(3vw, 49vh, 0) rotate(136deg);
  }
}

@keyframes light-blue-pseudo {
  33% {
    transform: translate3d(6vw, 86vh, 0) rotate(180deg);
  }

  100% {
    transform: translate3d(3vw, 49vh, 0) rotate(136deg);
  }
}

.red {
  -webkit-animation: red linear 30s alternate infinite;
  animation: red linear 30s alternate infinite;
  border: 2px solid #b62f56;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  transform: translate3d(79vw, 93vh, 0);
  z-index: 12;
}

.red::before {
  -webkit-animation: red-pseudo linear 15s alternate infinite;
  animation: red-pseudo linear 15s alternate infinite;
  background: #b62f56;
  border: 2px solid #b62f56;
  width: 45px;
  height: 22px;
  transform: translate3d(-68vw, -73vh, 0) rotate(246deg);
}

.red::after {
  -webkit-animation: red-pseudo linear 20s alternate infinite;
  animation: red-pseudo linear 20s alternate infinite;
  border: 2px solid #b62f56;
  width: 21px;
  height: 42px;
  transform: translate3d(-58vw, -48vh, 0) rotate(22deg);
}

@-webkit-keyframes red {
  50% {
    transform: translate3d(6vw, 73vh, 0);
  }

  100% {
    transform: translate3d(15vw, 31vh, 0);
  }
}

@keyframes red {
  50% {
    transform: translate3d(6vw, 73vh, 0);
  }

  100% {
    transform: translate3d(15vw, 31vh, 0);
  }
}

@-webkit-keyframes red-pseudo {
  33% {
    transform: translate3d(39vw, 7vh, 0) rotate(71deg);
  }

  100% {
    transform: translate3d(47vw, -21vh, 0) rotate(131deg);
  }
}

@keyframes red-pseudo {
  33% {
    transform: translate3d(39vw, 7vh, 0) rotate(71deg);
  }

  100% {
    transform: translate3d(47vw, -21vh, 0) rotate(131deg);
  }
}

.orange {
  -webkit-animation: orange linear 30s alternate infinite;
  animation: orange linear 30s alternate infinite;
  border: 2px solid #d5764c;
  border-radius: 100%;
  width: 49px;
  height: 49px;
  transform: translate3d(49vw, 83vh, 0);
  z-index: 4;
}

.orange::before {
  -webkit-animation: orange-pseudo linear 15s alternate infinite;
  animation: orange-pseudo linear 15s alternate infinite;
  background: #d5764c;
  border: 2px solid #d5764c;
  width: 39px;
  height: 32px;
  transform: translate3d(-20vw, -59vh, 0) rotate(337deg);
}

.orange::after {
  -webkit-animation: orange-pseudo linear 20s alternate infinite;
  animation: orange-pseudo linear 20s alternate infinite;
  border: 2px solid #d5764c;
  width: 39px;
  height: 14px;
  transform: translate3d(17vw, 15vh, 0) rotate(234deg);
}

@-webkit-keyframes orange {
  50% {
    transform: translate3d(61vw, 76vh, 0);
  }

  100% {
    transform: translate3d(50vw, 60vh, 0);
  }
}

@keyframes orange {
  50% {
    transform: translate3d(61vw, 76vh, 0);
  }

  100% {
    transform: translate3d(50vw, 60vh, 0);
  }
}

@-webkit-keyframes orange-pseudo {
  33% {
    transform: translate3d(-50vw, -61vh, 0) rotate(42deg);
  }

  100% {
    transform: translate3d(5vw, 30vh, 0) rotate(73deg);
  }
}

@keyframes orange-pseudo {
  33% {
    transform: translate3d(-50vw, -61vh, 0) rotate(42deg);
  }

  100% {
    transform: translate3d(5vw, 30vh, 0) rotate(73deg);
  }
}

.yellow {
  -webkit-animation: yellow linear 30s alternate infinite;
  animation: yellow linear 30s alternate infinite;
  border: 2px solid #ffd53e;
  border-radius: 100%;
  width: 42px;
  height: 42px;
  transform: translate3d(39vw, 60vh, 0);
  z-index: 11;
}

.yellow::before {
  -webkit-animation: yellow-pseudo linear 15s alternate infinite;
  animation: yellow-pseudo linear 15s alternate infinite;
  background: #ffd53e;
  border: 2px solid #ffd53e;
  width: 26px;
  height: 35px;
  transform: translate3d(31vw, 39vh, 0) rotate(176deg);
}

.yellow::after {
  -webkit-animation: yellow-pseudo linear 20s alternate infinite;
  animation: yellow-pseudo linear 20s alternate infinite;
  border: 2px solid #ffd53e;
  width: 48px;
  height: 36px;
  transform: translate3d(59vw, 12vh, 0) rotate(137deg);
}

@-webkit-keyframes yellow {
  50% {
    transform: translate3d(13vw, 57vh, 0);
  }

  100% {
    transform: translate3d(27vw, 81vh, 0);
  }
}

@keyframes yellow {
  50% {
    transform: translate3d(13vw, 57vh, 0);
  }

  100% {
    transform: translate3d(27vw, 81vh, 0);
  }
}

@-webkit-keyframes yellow-pseudo {
  33% {
    transform: translate3d(4vw, -34vh, 0) rotate(20deg);
  }

  100% {
    transform: translate3d(41vw, -80vh, 0) rotate(321deg);
  }
}

@keyframes yellow-pseudo {
  33% {
    transform: translate3d(4vw, -34vh, 0) rotate(20deg);
  }

  100% {
    transform: translate3d(41vw, -80vh, 0) rotate(321deg);
  }
}

.cyan {
  -webkit-animation: cyan linear 30s alternate infinite;
  animation: cyan linear 30s alternate infinite;
  border: 2px solid #78ffba;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  transform: translate3d(24vw, 30vh, 0);
  z-index: 3;
}

.cyan::before {
  -webkit-animation: cyan-pseudo linear 15s alternate infinite;
  animation: cyan-pseudo linear 15s alternate infinite;
  background: #78ffba;
  border: 2px solid #78ffba;
  width: 9px;
  height: 30px;
  transform: translate3d(75vw, 56vh, 0) rotate(329deg);
}

.cyan::after {
  -webkit-animation: cyan-pseudo linear 20s alternate infinite;
  animation: cyan-pseudo linear 20s alternate infinite;
  border: 2px solid #78ffba;
  width: 33px;
  height: 27px;
  transform: translate3d(70vw, -7vh, 0) rotate(90deg);
}

@-webkit-keyframes cyan {
  50% {
    transform: translate3d(55vw, 12vh, 0);
  }

  100% {
    transform: translate3d(48vw, 64vh, 0);
  }
}

@keyframes cyan {
  50% {
    transform: translate3d(55vw, 12vh, 0);
  }

  100% {
    transform: translate3d(48vw, 64vh, 0);
  }
}

@-webkit-keyframes cyan-pseudo {
  33% {
    transform: translate3d(38vw, 24vh, 0) rotate(51deg);
  }

  100% {
    transform: translate3d(39vw, -46vh, 0) rotate(27deg);
  }
}

@keyframes cyan-pseudo {
  33% {
    transform: translate3d(38vw, 24vh, 0) rotate(51deg);
  }

  100% {
    transform: translate3d(39vw, -46vh, 0) rotate(27deg);
  }
}

.light-green {
  -webkit-animation: light-green linear 30s alternate infinite;
  animation: light-green linear 30s alternate infinite;
  border: 2px solid #98fd85;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  transform: translate3d(58vw, 99vh, 0);
  z-index: 6;
}

.light-green::before {
  -webkit-animation: light-green-pseudo linear 15s alternate infinite;
  animation: light-green-pseudo linear 15s alternate infinite;
  background: #98fd85;
  border: 2px solid #98fd85;
  width: 30px;
  height: 30px;
  transform: translate3d(-47vw, -10vh, 0) rotate(131deg);
}

.light-green::after {
  -webkit-animation: light-green-pseudo linear 20s alternate infinite;
  animation: light-green-pseudo linear 20s alternate infinite;
  border: 2px solid #98fd85;
  width: 5px;
  height: 33px;
  transform: translate3d(26vw, -8vh, 0) rotate(248deg);
}

@-webkit-keyframes light-green {
  50% {
    transform: translate3d(29vw, 4vh, 0);
  }

  100% {
    transform: translate3d(47vw, 5vh, 0);
  }
}

@keyframes light-green {
  50% {
    transform: translate3d(29vw, 4vh, 0);
  }

  100% {
    transform: translate3d(47vw, 5vh, 0);
  }
}

@-webkit-keyframes light-green-pseudo {
  33% {
    transform: translate3d(-17vw, 5vh, 0) rotate(318deg);
  }

  100% {
    transform: translate3d(43vw, 92vh, 0) rotate(82deg);
  }
}

@keyframes light-green-pseudo {
  33% {
    transform: translate3d(-17vw, 5vh, 0) rotate(318deg);
  }

  100% {
    transform: translate3d(43vw, 92vh, 0) rotate(82deg);
  }
}

.lime {
  -webkit-animation: lime linear 30s alternate infinite;
  animation: lime linear 30s alternate infinite;
  border: 2px solid #befb46;
  border-radius: 100%;
  width: 46px;
  height: 46px;
  transform: translate3d(42vw, 68vh, 0);
  z-index: 5;
}

.lime::before {
  -webkit-animation: lime-pseudo linear 15s alternate infinite;
  animation: lime-pseudo linear 15s alternate infinite;
  background: #befb46;
  border: 2px solid #befb46;
  width: 35px;
  height: 39px;
  transform: translate3d(50vw, 23vh, 0) rotate(156deg);
}

.lime::after {
  -webkit-animation: lime-pseudo linear 20s alternate infinite;
  animation: lime-pseudo linear 20s alternate infinite;
  border: 2px solid #befb46;
  width: 15px;
  height: 35px;
  transform: translate3d(-32vw, -62vh, 0) rotate(41deg);
}

@-webkit-keyframes lime {
  50% {
    transform: translate3d(77vw, 14vh, 0);
  }

  100% {
    transform: translate3d(68vw, 5vh, 0);
  }
}

@keyframes lime {
  50% {
    transform: translate3d(77vw, 14vh, 0);
  }

  100% {
    transform: translate3d(68vw, 5vh, 0);
  }
}

@-webkit-keyframes lime-pseudo {
  33% {
    transform: translate3d(-47vw, 15vh, 0) rotate(212deg);
  }

  100% {
    transform: translate3d(-14vw, 30vh, 0) rotate(7deg);
  }
}

@keyframes lime-pseudo {
  33% {
    transform: translate3d(-47vw, 15vh, 0) rotate(212deg);
  }

  100% {
    transform: translate3d(-14vw, 30vh, 0) rotate(7deg);
  }
}

.magenta {
  -webkit-animation: magenta linear 30s alternate infinite;
  animation: magenta linear 30s alternate infinite;
  border: 2px solid #6c046c;
  border-radius: 100%;
  width: 28px;
  height: 28px;
  transform: translate3d(49vw, 32vh, 0);
  z-index: 1;
}

.magenta::before {
  -webkit-animation: magenta-pseudo linear 15s alternate infinite;
  animation: magenta-pseudo linear 15s alternate infinite;
  background: #6c046c;
  border: 2px solid #6c046c;
  width: 34px;
  height: 29px;
  transform: translate3d(5vw, 63vh, 0) rotate(31deg);
}

.magenta::after {
  -webkit-animation: magenta-pseudo linear 20s alternate infinite;
  animation: magenta-pseudo linear 20s alternate infinite;
  border: 2px solid #6c046c;
  width: 10px;
  height: 22px;
  transform: translate3d(-49vw, -17vh, 0) rotate(251deg);
}

@-webkit-keyframes magenta {
  50% {
    transform: translate3d(47vw, 33vh, 0);
  }

  100% {
    transform: translate3d(32vw, 13vh, 0);
  }
}

@keyframes magenta {
  50% {
    transform: translate3d(47vw, 33vh, 0);
  }

  100% {
    transform: translate3d(32vw, 13vh, 0);
  }
}

@-webkit-keyframes magenta-pseudo {
  33% {
    transform: translate3d(8vw, 38vh, 0) rotate(293deg);
  }

  100% {
    transform: translate3d(14vw, 84vh, 0) rotate(164deg);
  }
}

@keyframes magenta-pseudo {
  33% {
    transform: translate3d(8vw, 38vh, 0) rotate(293deg);
  }

  100% {
    transform: translate3d(14vw, 84vh, 0) rotate(164deg);
  }
}

.lightish-red {
  -webkit-animation: lightish-red linear 30s alternate infinite;
  animation: lightish-red linear 30s alternate infinite;
  border: 2px solid #f04c81;
  border-radius: 100%;
  width: 36px;
  height: 36px;
  transform: translate3d(73vw, 37vh, 0);
  z-index: 7;
}

.lightish-red::before {
  -webkit-animation: lightish-red-pseudo linear 15s alternate infinite;
  animation: lightish-red-pseudo linear 15s alternate infinite;
  background: #f04c81;
  border: 2px solid #f04c81;
  width: 28px;
  height: 46px;
  transform: translate3d(1vw, 30vh, 0) rotate(138deg);
}

.lightish-red::after {
  -webkit-animation: lightish-red-pseudo linear 20s alternate infinite;
  animation: lightish-red-pseudo linear 20s alternate infinite;
  border: 2px solid #f04c81;
  width: 26px;
  height: 33px;
  transform: translate3d(-1vw, -10vh, 0) rotate(179deg);
}

@-webkit-keyframes lightish-red {
  50% {
    transform: translate3d(50vw, 51vh, 0);
  }

  100% {
    transform: translate3d(60vw, 79vh, 0);
  }
}

@keyframes lightish-red {
  50% {
    transform: translate3d(50vw, 51vh, 0);
  }

  100% {
    transform: translate3d(60vw, 79vh, 0);
  }
}

@-webkit-keyframes lightish-red-pseudo {
  33% {
    transform: translate3d(12vw, 18vh, 0) rotate(123deg);
  }

  100% {
    transform: translate3d(24vw, -4vh, 0) rotate(67deg);
  }
}

@keyframes lightish-red-pseudo {
  33% {
    transform: translate3d(12vw, 18vh, 0) rotate(123deg);
  }

  100% {
    transform: translate3d(24vw, -4vh, 0) rotate(67deg);
  }
}

.pink {
  -webkit-animation: pink linear 30s alternate infinite;
  animation: pink linear 30s alternate infinite;
  border: 2px solid #ff4293;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  transform: translate3d(91vw, 28vh, 0);
  z-index: 10;
}

.pink::before {
  -webkit-animation: pink-pseudo linear 15s alternate infinite;
  animation: pink-pseudo linear 15s alternate infinite;
  background: #ff4293;
  border: 2px solid #ff4293;
  width: 26px;
  height: 28px;
  transform: translate3d(-44vw, 6vh, 0) rotate(84deg);
}

.pink::after {
  -webkit-animation: pink-pseudo linear 20s alternate infinite;
  animation: pink-pseudo linear 20s alternate infinite;
  border: 2px solid #ff4293;
  width: 31px;
  height: 46px;
  transform: translate3d(-41vw, 29vh, 0) rotate(320deg);
}

@-webkit-keyframes pink {
  50% {
    transform: translate3d(63vw, 24vh, 0);
  }

  100% {
    transform: translate3d(72vw, 75vh, 0);
  }
}

@keyframes pink {
  50% {
    transform: translate3d(63vw, 24vh, 0);
  }

  100% {
    transform: translate3d(72vw, 75vh, 0);
  }
}

@-webkit-keyframes pink-pseudo {
  33% {
    transform: translate3d(4vw, -11vh, 0) rotate(315deg);
  }

  100% {
    transform: translate3d(-64vw, -33vh, 0) rotate(151deg);
  }
}

@keyframes pink-pseudo {
  33% {
    transform: translate3d(4vw, -11vh, 0) rotate(315deg);
  }

  100% {
    transform: translate3d(-64vw, -33vh, 0) rotate(151deg);
  }
}











#confettis {
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
}

.confetti {
  left: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  transform-origin: left top;
  animation: confetti 5s ease-in-out -2s infinite;
}

.confetti:nth-child(1) {
  left: 10%;
  animation-delay: 0;
  background-color: #fc0120;
}

.confetti:nth-child(2) {
  left: 20%;
  animation-delay: -5s;
  background-color: #8257e6;
}

.confetti:nth-child(3) {
  left: 30%;
  animation-delay: -3s;
  background-color: #ffbf4d;
}

.confetti:nth-child(4) {
  left: 40%;
  animation-delay: -2.5s;
  background-color: #fe5d7a;
}

.confetti:nth-child(5) {
  left: 50%;
  animation-delay: -4s;
  background-color: #45ec9c;
}

.confetti:nth-child(6) {
  left: 60%;
  animation-delay: -6s;
  background-color: #f6e327;
}

.confetti:nth-child(7) {
  left: 70%;
  animation-delay: -1.5s;
  background-color: #f769ce;
}

.confetti:nth-child(8) {
  left: 80%;
  animation-delay: -2s;
  background-color: #007de7;
}

.confetti:nth-child(9) {
  left: 90%;
  animation-delay: -3.5s;
  background-color: #63b4fc;
}

.confetti:nth-child(10) {
  left: 100%;
  animation-delay: -2.5s;
  background-color: #f9c4ea;
}

@keyframes confetti {
  0% {
    transform: rotateZ(15deg) rotateY(0deg) translate(0, 0);
  }

  25% {
    transform: rotateZ(5deg) rotateY(360deg) translate(-5vw, 20vh);
  }

  50% {
    transform: rotateZ(15deg) rotateY(720deg) translate(5vw, 60vh);
  }

  75% {
    transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw, 80vh);
  }

  100% {
    transform: rotateZ(15deg) rotateY(1440deg) translate(10vw, 110vh);
  }
}

@media (max-width: 500px) {
  h1 {
    font-size: 30px;
  }
}


















img.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

img.vert-move {
  -webkit-animation: mover 1s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}


img,
svg {
  vertical-align: sub;
}









#cloud {
  padding: 0;
    margin-top: 30px;
    margin-bottom: 40px;
    background-image: url("../img/bg_top.svg"), url("../img/bg_bottom.svg");
    background-position: 50% 0%, 50% 100%;
    background-size: cover;
    background-repeat: no-repeat, no-repeat;
  animation: move 3s infinite;
}

#cloud:after {
  content: '';
  background: url("../img/bg_top.svg");
  position: absolute;
  width: 636px;
  height: 124px;

  top: 11px;
  left: -190px;
  animation: move 30s infinite;
}

#cloud:before {
  content: '';
  background: url("../img/bg_bottom.svg");
  position: absolute;
  width: 552px;
  height: 107px;

  top: 150px;
  right: -300px;
  animation: move 45s infinite;
}

@keyframes move {
  0% {
    transform: translatex(0);
  }

  50% {
    transform: translatex(-40px);
  }
}












.card {
  margin: auto;
  width: 350px;
  height: 400px;
  perspective: 1000px;
  background-color: transparent;
  border: none;
}

.card__content {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: all 1s;
  transform-style: preserve-3d;

}

.card:hover .card__content {
  transform: rotateY(180deg);
}

.card__front,
.card__back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.card__front {
  background-color: #fff;
  font-size: 150px;
  border-radius: 20px;
}

.card__back {
  background-color: #fff;
  transform: rotateY(180deg);
  font-size: 50px;
  border-radius: 20px;
  padding: 20px;
}












.squad{
    flex: 1;
    flex-basis: 300px;
    flex-grow: 0;
    height: auto;

    
    
    cursor: pointer;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    overflow: hidden;
    position: relative;
	border-radius: 20px;
	padding-bottom:50px;
	
	

background: rgba(255, 255, 255, 0.1);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.1px);
-webkit-backdrop-filter: blur(7.1px);
border: 1px solid rgba(255, 255, 255, 0.26);
	
	
}
.squad img{
    height:40%;
	width:40%;
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
	border-radius: 50% 50% 50% 70%/50% 50% 70% 60%;
}
.descriptions{
    position: absolute;
    top:0px;
    left:0px;
    background-color: #fff;
    width:100%;
    height:100%;
    transition: all .7s ease-in-out;
    padding: 20px;
    box-sizing: border-box;
    clip-path: circle(0% at 100% 100%);
	padding-bottom:50px;
display: flex;
  justify-content: center;
  align-items: center;
}



.squad:hover .descriptions{
    left:0px;
    transition: all .7s ease-in-out;
    clip-path: circle(75%);
	
}
.squad:hover{
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    box-shadow: 0px 2px 3px rgba(0,0,0,.3);
    transform: scale(.97);
}
.squad:hover img{
    transition: all .5s cubic-bezier(.8,.5,.2,1.4);
    transform: scale(1.6) rotate(20deg);
	
    
}
.squad h1{
    
    letter-spacing: 1px;
    margin: 0px;
}
.squad h1{
    color: #333;

}
.squad p{
    line-height: 24px;
    position: absolute;
  top: 30%;
  left: 0%;
  padding:20px;
}
}
.squad li{
    line-height: 24px;
    position: absolute;
  top: 50%;
  left: 50%;
}

















#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 336px 10px #FFF, 732px 84px #FFF, 1657px 961px #FFF, 1672px 1px #FFF, 1132px 1509px #FFF, 135px 1332px #FFF, 968px 236px #FFF, 1245px 1713px #FFF, 92px 1770px #FFF, 1232px 1118px #FFF, 1395px 1854px #FFF, 1803px 797px #FFF, 1357px 697px #FFF, 134px 639px #FFF, 887px 61px #FFF, 1577px 1467px #FFF, 1476px 1655px #FFF, 1507px 1102px #FFF, 584px 190px #FFF, 968px 596px #FFF, 1025px 778px #FFF, 598px 531px #FFF, 1336px 481px #FFF, 478px 228px #FFF, 600px 677px #FFF, 658px 298px #FFF, 207px 1051px #FFF, 1451px 1073px #FFF, 800px 888px #FFF, 1314px 310px #FFF, 191px 647px #FFF, 1353px 1710px #FFF, 283px 1729px #FFF, 342px 1347px #FFF, 1627px 778px #FFF, 1244px 1546px #FFF, 546px 65px #FFF, 1508px 928px #FFF, 20px 1345px #FFF, 1707px 1800px #FFF, 961px 1246px #FFF, 507px 1907px #FFF, 185px 1347px #FFF, 1459px 1433px #FFF, 793px 1356px #FFF, 396px 1230px #FFF, 1761px 534px #FFF, 1777px 1678px #FFF, 273px 1667px #FFF, 1410px 1828px #FFF, 1809px 583px #FFF, 374px 1514px #FFF, 621px 648px #FFF, 740px 174px #FFF, 580px 896px #FFF, 1237px 1472px #FFF, 125px 1763px #FFF, 908px 1288px #FFF, 1117px 226px #FFF, 501px 1414px #FFF, 4px 1942px #FFF, 1143px 1895px #FFF, 616px 250px #FFF, 898px 1470px #FFF, 987px 1261px #FFF, 105px 337px #FFF, 142px 288px #FFF, 1182px 1814px #FFF, 442px 1867px #FFF, 622px 1793px #FFF, 869px 968px #FFF, 715px 236px #FFF, 350px 1822px #FFF, 1869px 1192px #FFF, 1375px 1345px #FFF, 1547px 423px #FFF, 1392px 855px #FFF, 756px 308px #FFF, 1149px 1397px #FFF, 16px 288px #FFF, 1805px 1526px #FFF, 557px 329px #FFF, 431px 857px #FFF, 1041px 449px #FFF, 347px 667px #FFF, 588px 1449px #FFF, 528px 227px #FFF, 1340px 1524px #FFF, 1998px 1611px #FFF, 1556px 1620px #FFF, 1468px 1710px #FFF, 746px 1465px #FFF, 112px 536px #FFF, 1271px 57px #FFF, 1613px 1527px #FFF, 725px 573px #FFF, 23px 1023px #FFF, 1702px 1760px #FFF, 243px 1928px #FFF, 1691px 1590px #FFF, 1099px 1675px #FFF, 602px 185px #FFF, 1136px 1450px #FFF, 686px 180px #FFF, 1990px 899px #FFF, 1503px 79px #FFF, 569px 1705px #FFF, 315px 484px #FFF, 131px 204px #FFF, 568px 249px #FFF, 1817px 695px #FFF, 700px 707px #FFF, 1092px 1828px #FFF, 501px 1002px #FFF, 1636px 1641px #FFF, 1753px 240px #FFF, 1676px 1739px #FFF, 676px 898px #FFF, 1213px 591px #FFF, 1074px 26px #FFF, 925px 602px #FFF, 100px 178px #FFF, 317px 1156px #FFF, 1235px 1666px #FFF, 24px 1352px #FFF, 920px 456px #FFF, 1373px 1791px #FFF, 1893px 1481px #FFF, 1889px 1367px #FFF, 800px 1200px #FFF, 1579px 265px #FFF, 1820px 1889px #FFF, 410px 197px #FFF, 1664px 325px #FFF, 1947px 1297px #FFF, 512px 1212px #FFF, 1603px 1782px #FFF, 1211px 806px #FFF, 110px 1438px #FFF, 586px 1681px #FFF, 1821px 656px #FFF, 1933px 842px #FFF, 1867px 1242px #FFF, 1904px 361px #FFF, 886px 1065px #FFF, 258px 1088px #FFF, 440px 969px #FFF, 1769px 1473px #FFF, 676px 1572px #FFF, 1625px 1353px #FFF, 1293px 739px #FFF, 1928px 1162px #FFF, 508px 290px #FFF, 292px 636px #FFF, 1849px 1671px #FFF, 235px 1051px #FFF, 996px 1980px #FFF, 1292px 1672px #FFF, 1048px 825px #FFF, 1819px 1446px #FFF, 1164px 1666px #FFF, 1316px 561px #FFF, 1616px 41px #FFF, 127px 1607px #FFF, 1177px 1791px #FFF, 650px 1069px #FFF, 1736px 1115px #FFF, 1408px 559px #FFF, 1607px 514px #FFF, 1174px 1101px #FFF, 1106px 1434px #FFF, 1353px 1898px #FFF, 1270px 603px #FFF, 525px 404px #FFF, 1452px 1191px #FFF, 1623px 1996px #FFF, 1302px 1265px #FFF, 831px 668px #FFF, 439px 1840px #FFF, 529px 31px #FFF, 1736px 923px #FFF, 488px 1380px #FFF, 640px 1106px #FFF, 166px 1154px #FFF, 1988px 169px #FFF, 1914px 1204px #FFF, 901px 801px #FFF, 1469px 1397px #FFF, 1690px 69px #FFF, 1331px 1677px #FFF, 1613px 1125px #FFF, 413px 318px #FFF, 196px 1096px #FFF, 733px 304px #FFF, 186px 728px #FFF, 269px 845px #FFF, 824px 1344px #FFF, 295px 33px #FFF, 1818px 1180px #FFF, 849px 1824px #FFF, 900px 1249px #FFF, 1899px 420px #FFF, 466px 757px #FFF, 622px 1440px #FFF, 1991px 1544px #FFF, 690px 1561px #FFF, 1963px 90px #FFF, 1711px 832px #FFF, 1309px 1497px #FFF, 1832px 485px #FFF, 1229px 36px #FFF, 388px 443px #FFF, 532px 1799px #FFF, 151px 1027px #FFF, 370px 294px #FFF, 791px 1021px #FFF, 1021px 1637px #FFF, 863px 1881px #FFF, 1599px 527px #FFF, 1976px 1645px #FFF, 625px 1994px #FFF, 385px 841px #FFF, 581px 1111px #FFF, 273px 1479px #FFF, 1967px 503px #FFF, 1339px 1257px #FFF, 751px 464px #FFF, 1704px 311px #FFF, 585px 1297px #FFF, 899px 129px #FFF, 1184px 464px #FFF, 1780px 1611px #FFF, 1067px 1623px #FFF, 1551px 1173px #FFF, 1045px 56px #FFF, 839px 1933px #FFF, 1883px 1233px #FFF, 1138px 1596px #FFF, 1540px 1005px #FFF, 746px 1736px #FFF, 1899px 956px #FFF, 760px 1087px #FFF, 1095px 552px #FFF, 1038px 1421px #FFF, 121px 1056px #FFF, 947px 1387px #FFF, 1092px 228px #FFF, 1018px 446px #FFF, 762px 1303px #FFF, 899px 788px #FFF, 577px 1541px #FFF, 1624px 1043px #FFF, 1933px 1751px #FFF, 388px 234px #FFF, 1131px 1184px #FFF, 1154px 1543px #FFF, 1684px 229px #FFF, 1898px 890px #FFF, 1133px 951px #FFF, 1736px 1704px #FFF, 191px 605px #FFF, 1522px 1533px #FFF, 766px 146px #FFF, 1717px 1724px #FFF, 1088px 959px #FFF, 204px 927px #FFF, 1165px 571px #FFF, 1870px 239px #FFF, 1696px 1031px #FFF, 387px 525px #FFF, 490px 1254px #FFF, 1455px 179px #FFF, 1752px 522px #FFF, 1787px 29px #FFF, 1492px 1975px #FFF, 828px 1964px #FFF, 904px 104px #FFF, 1156px 1329px #FFF, 322px 1208px #FFF, 1659px 1547px #FFF, 703px 1980px #FFF, 1097px 118px #FFF, 91px 752px #FFF, 58px 343px #FFF, 1374px 1112px #FFF, 787px 1951px #FFF, 393px 1902px #FFF, 1664px 1085px #FFF, 494px 611px #FFF, 1286px 1510px #FFF, 569px 228px #FFF, 112px 849px #FFF, 1753px 831px #FFF, 1834px 235px #FFF, 1271px 1944px #FFF, 1223px 1867px #FFF, 1796px 794px #FFF, 1281px 69px #FFF, 1492px 1199px #FFF, 1603px 1051px #FFF, 1834px 1578px #FFF, 1276px 456px #FFF, 1952px 1051px #FFF, 1982px 818px #FFF, 187px 424px #FFF, 1821px 1651px #FFF, 627px 1680px #FFF, 125px 930px #FFF, 1835px 905px #FFF, 1709px 839px #FFF, 1810px 545px #FFF, 700px 891px #FFF, 142px 1746px #FFF, 1550px 876px #FFF, 1359px 1727px #FFF, 1900px 1070px #FFF, 1165px 1893px #FFF, 845px 1524px #FFF, 327px 1296px #FFF, 1287px 407px #FFF, 1701px 492px #FFF, 1208px 1565px #FFF, 1088px 646px #FFF, 1244px 12px #FFF, 673px 1791px #FFF, 246px 299px #FFF, 51px 338px #FFF, 55px 742px #FFF, 1848px 1814px #FFF, 916px 37px #FFF, 1462px 209px #FFF, 1074px 359px #FFF, 757px 754px #FFF, 1348px 1990px #FFF, 388px 155px #FFF, 104px 1818px #FFF, 916px 275px #FFF, 620px 1401px #FFF, 25px 1932px #FFF, 253px 332px #FFF, 1929px 497px #FFF, 386px 1228px #FFF, 686px 1998px #FFF, 1368px 894px #FFF, 1356px 1147px #FFF, 613px 472px #FFF, 467px 1207px #FFF, 811px 1553px #FFF, 235px 1941px #FFF, 1950px 1222px #FFF, 702px 757px #FFF, 1703px 449px #FFF, 527px 1437px #FFF, 1425px 1630px #FFF, 874px 1800px #FFF, 879px 642px #FFF, 1146px 1247px #FFF, 1368px 823px #FFF, 1001px 1461px #FFF, 1086px 343px #FFF, 103px 1567px #FFF, 1389px 141px #FFF, 229px 915px #FFF, 43px 13px #FFF, 1953px 1018px #FFF, 773px 133px #FFF, 131px 1730px #FFF, 1615px 999px #FFF, 1534px 901px #FFF, 1390px 882px #FFF, 929px 1912px #FFF, 982px 776px #FFF, 1681px 249px #FFF, 275px 587px #FFF, 1503px 1328px #FFF, 1069px 872px #FFF, 533px 403px #FFF, 1135px 862px #FFF, 814px 1010px #FFF, 1820px 97px #FFF, 1729px 387px #FFF, 578px 1632px #FFF, 744px 1270px #FFF, 1938px 1217px #FFF, 381px 994px #FFF, 1990px 387px #FFF, 509px 21px #FFF, 865px 268px #FFF, 345px 1114px #FFF, 820px 825px #FFF, 369px 1056px #FFF, 1450px 1096px #FFF, 335px 1030px #FFF, 1751px 1565px #FFF, 1508px 1495px #FFF, 714px 1740px #FFF, 1662px 1608px #FFF, 1802px 1884px #FFF, 1361px 1801px #FFF, 417px 139px #FFF, 158px 1446px #FFF, 1453px 1635px #FFF, 1233px 480px #FFF, 1868px 429px #FFF, 630px 1965px #FFF, 961px 891px #FFF, 523px 534px #FFF, 448px 474px #FFF, 1080px 8px #FFF, 1970px 1430px #FFF, 1941px 1395px #FFF, 73px 1306px #FFF, 1388px 1117px #FFF, 1802px 584px #FFF, 44px 1614px #FFF, 871px 2000px #FFF, 1980px 438px #FFF, 1467px 960px #FFF, 280px 1015px #FFF, 633px 71px #FFF, 1162px 1008px #FFF, 1656px 240px #FFF, 12px 1450px #FFF, 184px 863px #FFF, 1703px 1885px #FFF, 1055px 1168px #FFF, 1295px 1009px #FFF, 1940px 529px #FFF, 78px 892px #FFF, 1246px 322px #FFF, 578px 150px #FFF, 1187px 1645px #FFF, 1438px 1232px #FFF, 922px 1780px #FFF, 344px 375px #FFF, 1598px 1507px #FFF, 213px 240px #FFF, 566px 1978px #FFF, 1314px 1530px #FFF, 524px 1974px #FFF, 1863px 905px #FFF, 1432px 1894px #FFF, 289px 467px #FFF, 269px 239px #FFF, 907px 180px #FFF, 150px 1912px #FFF, 1160px 803px #FFF, 317px 727px #FFF, 293px 1700px #FFF, 1395px 410px #FFF, 1687px 509px #FFF, 134px 1465px #FFF, 1810px 196px #FFF, 569px 921px #FFF, 754px 1799px #FFF, 1556px 637px #FFF, 1296px 683px #FFF, 1404px 1482px #FFF, 1981px 464px #FFF, 568px 497px #FFF, 1956px 588px #FFF, 1445px 1149px #FFF, 400px 1540px #FFF, 261px 132px #FFF, 208px 543px #FFF, 1653px 1238px #FFF, 1855px 896px #FFF, 1943px 1305px #FFF, 840px 1949px #FFF, 392px 706px #FFF, 1047px 1380px #FFF, 925px 136px #FFF, 1406px 228px #FFF, 1415px 1900px #FFF, 1729px 840px #FFF, 1412px 1948px #FFF, 776px 508px #FFF, 1981px 1480px #FFF, 9px 869px #FFF, 1437px 292px #FFF, 707px 656px #FFF, 769px 1160px #FFF, 458px 1588px #FFF, 1214px 817px #FFF, 87px 1728px #FFF, 1299px 1711px #FFF, 1004px 1756px #FFF, 1842px 943px #FFF, 1185px 220px #FFF, 1653px 552px #FFF, 963px 1857px #FFF, 1303px 181px #FFF, 949px 1820px #FFF, 420px 285px #FFF, 1145px 113px #FFF, 1728px 433px #FFF, 463px 1671px #FFF, 1300px 446px #FFF, 1241px 1750px #FFF, 82px 1996px #FFF, 627px 547px #FFF, 1057px 1198px #FFF, 914px 856px #FFF, 929px 772px #FFF, 1538px 497px #FFF, 830px 570px #FFF, 1779px 963px #FFF, 717px 711px #FFF, 862px 495px #FFF, 1642px 1586px #FFF, 435px 271px #FFF, 575px 712px #FFF, 1335px 240px #FFF, 293px 423px #FFF, 328px 237px #FFF, 132px 883px #FFF, 1773px 751px #FFF, 976px 1596px #FFF, 410px 1433px #FFF, 479px 794px #FFF, 1892px 744px #FFF, 869px 1761px #FFF, 321px 105px #FFF, 432px 1135px #FFF, 1529px 940px #FFF, 1337px 809px #FFF, 1150px 110px #FFF, 861px 687px #FFF, 446px 1089px #FFF, 748px 1269px #FFF, 633px 822px #FFF, 1521px 430px #FFF, 1740px 1089px #FFF, 966px 1938px #FFF, 1515px 398px #FFF, 1589px 294px #FFF, 1514px 628px #FFF, 1207px 410px #FFF, 1088px 1057px #FFF, 498px 841px #FFF, 228px 1175px #FFF, 1321px 915px #FFF, 1566px 184px #FFF, 1948px 391px #FFF, 1670px 933px #FFF, 232px 1935px #FFF, 909px 382px #FFF, 779px 551px #FFF, 1446px 763px #FFF, 904px 1368px #FFF, 1510px 909px #FFF, 44px 31px #FFF, 172px 588px #FFF, 976px 1813px #FFF, 31px 1060px #FFF, 642px 412px #FFF, 723px 790px #FFF, 891px 29px #FFF, 110px 1003px #FFF, 1353px 1122px #FFF, 1066px 1053px #FFF, 193px 1869px #FFF, 1531px 572px #FFF, 910px 808px #FFF, 409px 1757px #FFF, 21px 762px #FFF, 1043px 1577px #FFF, 151px 343px #FFF, 1358px 609px #FFF, 706px 686px #FFF, 1473px 1017px #FFF, 756px 527px #FFF, 931px 601px #FFF, 1208px 398px #FFF, 1196px 740px #FFF, 724px 332px #FFF, 468px 317px #FFF, 414px 586px #FFF, 545px 400px #FFF, 1908px 1488px #FFF, 1383px 336px #FFF, 1578px 1333px #FFF, 806px 1170px #FFF, 1972px 867px #FFF, 1798px 1482px #FFF, 272px 1038px #FFF, 743px 112px #FFF, 1415px 33px #FFF, 443px 1413px #FFF, 1606px 1654px #FFF, 1704px 182px #FFF, 1706px 36px #FFF, 1625px 222px #FFF, 1755px 1247px #FFF, 1031px 32px #FFF, 659px 252px #FFF, 1940px 1003px #FFF, 1945px 1813px #FFF, 1966px 326px #FFF, 882px 1009px #FFF, 847px 155px #FFF, 809px 31px #FFF, 873px 104px #FFF, 1498px 1079px #FFF, 743px 1011px #FFF, 1817px 239px #FFF, 1520px 924px #FFF, 469px 41px #FFF, 16px 592px #FFF, 405px 1705px #FFF, 1942px 364px #FFF, 1655px 1516px #FFF, 1897px 825px #FFF, 585px 1836px #FFF, 448px 768px #FFF, 1201px 1890px #FFF, 1635px 1777px #FFF, 1659px 1512px #FFF, 1556px 929px #FFF, 811px 69px #FFF, 1341px 343px #FFF, 905px 1832px #FFF, 1434px 941px #FFF, 1855px 1374px #FFF, 1127px 261px #FFF, 477px 1004px #FFF, 1577px 1466px #FFF, 507px 255px #FFF, 965px 1510px #FFF, 242px 1472px #FFF, 1688px 1798px #FFF, 617px 648px #FFF, 272px 1466px #FFF, 1982px 1394px #FFF, 463px 706px #FFF, 901px 1188px #FFF, 1725px 932px #FFF, 390px 610px #FFF, 482px 101px #FFF, 392px 1058px #FFF, 1712px 1804px #FFF, 1868px 859px #FFF, 55px 922px #FFF, 951px 919px #FFF, 203px 534px #FFF, 1181px 1933px #FFF, 1465px 1616px #FFF, 600px 1500px #FFF, 316px 846px #FFF, 880px 1977px #FFF, 1495px 450px #FFF, 1965px 1209px #FFF, 1961px 1657px #FFF, 66px 1501px #FFF, 827px 1331px #FFF, 778px 1147px #FFF, 207px 1544px #FFF, 384px 1946px #FFF, 647px 775px #FFF, 705px 1877px #FFF, 1123px 716px #FFF, 1386px 1141px #FFF, 616px 1278px #FFF, 1539px 1039px #FFF, 1245px 311px #FFF, 1808px 1006px #FFF, 628px 1232px #FFF, 1342px 595px #FFF, 1496px 1055px #FFF, 408px 1849px #FFF, 1183px 158px #FFF, 1466px 396px #FFF, 284px 1456px #FFF, 795px 497px #FFF, 345px 1544px #FFF, 982px 942px #FFF, 858px 1846px #FFF, 671px 1399px #FFF, 428px 762px #FFF, 722px 788px #FFF, 1935px 1062px #FFF, 1419px 801px #FFF, 1010px 1944px #FFF, 1663px 1019px #FFF, 770px 977px #FFF, 907px 1167px #FFF, 1447px 417px #FFF, 1005px 86px #FFF, 158px 751px #FFF, 640px 1015px #FFF, 910px 525px #FFF, 47px 1298px #FFF, 216px 439px #FFF, 718px 1492px #FFF, 934px 716px #FFF, 1093px 1827px #FFF, 703px 655px #FFF, 126px 1486px #FFF, 687px 814px #FFF, 827px 374px #FFF;
  animation: animStar 50s linear infinite;

}

#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 336px 10px #FFF, 732px 84px #FFF, 1657px 961px #FFF, 1672px 1px #FFF, 1132px 1509px #FFF, 135px 1332px #FFF, 968px 236px #FFF, 1245px 1713px #FFF, 92px 1770px #FFF, 1232px 1118px #FFF, 1395px 1854px #FFF, 1803px 797px #FFF, 1357px 697px #FFF, 134px 639px #FFF, 887px 61px #FFF, 1577px 1467px #FFF, 1476px 1655px #FFF, 1507px 1102px #FFF, 584px 190px #FFF, 968px 596px #FFF, 1025px 778px #FFF, 598px 531px #FFF, 1336px 481px #FFF, 478px 228px #FFF, 600px 677px #FFF, 658px 298px #FFF, 207px 1051px #FFF, 1451px 1073px #FFF, 800px 888px #FFF, 1314px 310px #FFF, 191px 647px #FFF, 1353px 1710px #FFF, 283px 1729px #FFF, 342px 1347px #FFF, 1627px 778px #FFF, 1244px 1546px #FFF, 546px 65px #FFF, 1508px 928px #FFF, 20px 1345px #FFF, 1707px 1800px #FFF, 961px 1246px #FFF, 507px 1907px #FFF, 185px 1347px #FFF, 1459px 1433px #FFF, 793px 1356px #FFF, 396px 1230px #FFF, 1761px 534px #FFF, 1777px 1678px #FFF, 273px 1667px #FFF, 1410px 1828px #FFF, 1809px 583px #FFF, 374px 1514px #FFF, 621px 648px #FFF, 740px 174px #FFF, 580px 896px #FFF, 1237px 1472px #FFF, 125px 1763px #FFF, 908px 1288px #FFF, 1117px 226px #FFF, 501px 1414px #FFF, 4px 1942px #FFF, 1143px 1895px #FFF, 616px 250px #FFF, 898px 1470px #FFF, 987px 1261px #FFF, 105px 337px #FFF, 142px 288px #FFF, 1182px 1814px #FFF, 442px 1867px #FFF, 622px 1793px #FFF, 869px 968px #FFF, 715px 236px #FFF, 350px 1822px #FFF, 1869px 1192px #FFF, 1375px 1345px #FFF, 1547px 423px #FFF, 1392px 855px #FFF, 756px 308px #FFF, 1149px 1397px #FFF, 16px 288px #FFF, 1805px 1526px #FFF, 557px 329px #FFF, 431px 857px #FFF, 1041px 449px #FFF, 347px 667px #FFF, 588px 1449px #FFF, 528px 227px #FFF, 1340px 1524px #FFF, 1998px 1611px #FFF, 1556px 1620px #FFF, 1468px 1710px #FFF, 746px 1465px #FFF, 112px 536px #FFF, 1271px 57px #FFF, 1613px 1527px #FFF, 725px 573px #FFF, 23px 1023px #FFF, 1702px 1760px #FFF, 243px 1928px #FFF, 1691px 1590px #FFF, 1099px 1675px #FFF, 602px 185px #FFF, 1136px 1450px #FFF, 686px 180px #FFF, 1990px 899px #FFF, 1503px 79px #FFF, 569px 1705px #FFF, 315px 484px #FFF, 131px 204px #FFF, 568px 249px #FFF, 1817px 695px #FFF, 700px 707px #FFF, 1092px 1828px #FFF, 501px 1002px #FFF, 1636px 1641px #FFF, 1753px 240px #FFF, 1676px 1739px #FFF, 676px 898px #FFF, 1213px 591px #FFF, 1074px 26px #FFF, 925px 602px #FFF, 100px 178px #FFF, 317px 1156px #FFF, 1235px 1666px #FFF, 24px 1352px #FFF, 920px 456px #FFF, 1373px 1791px #FFF, 1893px 1481px #FFF, 1889px 1367px #FFF, 800px 1200px #FFF, 1579px 265px #FFF, 1820px 1889px #FFF, 410px 197px #FFF, 1664px 325px #FFF, 1947px 1297px #FFF, 512px 1212px #FFF, 1603px 1782px #FFF, 1211px 806px #FFF, 110px 1438px #FFF, 586px 1681px #FFF, 1821px 656px #FFF, 1933px 842px #FFF, 1867px 1242px #FFF, 1904px 361px #FFF, 886px 1065px #FFF, 258px 1088px #FFF, 440px 969px #FFF, 1769px 1473px #FFF, 676px 1572px #FFF, 1625px 1353px #FFF, 1293px 739px #FFF, 1928px 1162px #FFF, 508px 290px #FFF, 292px 636px #FFF, 1849px 1671px #FFF, 235px 1051px #FFF, 996px 1980px #FFF, 1292px 1672px #FFF, 1048px 825px #FFF, 1819px 1446px #FFF, 1164px 1666px #FFF, 1316px 561px #FFF, 1616px 41px #FFF, 127px 1607px #FFF, 1177px 1791px #FFF, 650px 1069px #FFF, 1736px 1115px #FFF, 1408px 559px #FFF, 1607px 514px #FFF, 1174px 1101px #FFF, 1106px 1434px #FFF, 1353px 1898px #FFF, 1270px 603px #FFF, 525px 404px #FFF, 1452px 1191px #FFF, 1623px 1996px #FFF, 1302px 1265px #FFF, 831px 668px #FFF, 439px 1840px #FFF, 529px 31px #FFF, 1736px 923px #FFF, 488px 1380px #FFF, 640px 1106px #FFF, 166px 1154px #FFF, 1988px 169px #FFF, 1914px 1204px #FFF, 901px 801px #FFF, 1469px 1397px #FFF, 1690px 69px #FFF, 1331px 1677px #FFF, 1613px 1125px #FFF, 413px 318px #FFF, 196px 1096px #FFF, 733px 304px #FFF, 186px 728px #FFF, 269px 845px #FFF, 824px 1344px #FFF, 295px 33px #FFF, 1818px 1180px #FFF, 849px 1824px #FFF, 900px 1249px #FFF, 1899px 420px #FFF, 466px 757px #FFF, 622px 1440px #FFF, 1991px 1544px #FFF, 690px 1561px #FFF, 1963px 90px #FFF, 1711px 832px #FFF, 1309px 1497px #FFF, 1832px 485px #FFF, 1229px 36px #FFF, 388px 443px #FFF, 532px 1799px #FFF, 151px 1027px #FFF, 370px 294px #FFF, 791px 1021px #FFF, 1021px 1637px #FFF, 863px 1881px #FFF, 1599px 527px #FFF, 1976px 1645px #FFF, 625px 1994px #FFF, 385px 841px #FFF, 581px 1111px #FFF, 273px 1479px #FFF, 1967px 503px #FFF, 1339px 1257px #FFF, 751px 464px #FFF, 1704px 311px #FFF, 585px 1297px #FFF, 899px 129px #FFF, 1184px 464px #FFF, 1780px 1611px #FFF, 1067px 1623px #FFF, 1551px 1173px #FFF, 1045px 56px #FFF, 839px 1933px #FFF, 1883px 1233px #FFF, 1138px 1596px #FFF, 1540px 1005px #FFF, 746px 1736px #FFF, 1899px 956px #FFF, 760px 1087px #FFF, 1095px 552px #FFF, 1038px 1421px #FFF, 121px 1056px #FFF, 947px 1387px #FFF, 1092px 228px #FFF, 1018px 446px #FFF, 762px 1303px #FFF, 899px 788px #FFF, 577px 1541px #FFF, 1624px 1043px #FFF, 1933px 1751px #FFF, 388px 234px #FFF, 1131px 1184px #FFF, 1154px 1543px #FFF, 1684px 229px #FFF, 1898px 890px #FFF, 1133px 951px #FFF, 1736px 1704px #FFF, 191px 605px #FFF, 1522px 1533px #FFF, 766px 146px #FFF, 1717px 1724px #FFF, 1088px 959px #FFF, 204px 927px #FFF, 1165px 571px #FFF, 1870px 239px #FFF, 1696px 1031px #FFF, 387px 525px #FFF, 490px 1254px #FFF, 1455px 179px #FFF, 1752px 522px #FFF, 1787px 29px #FFF, 1492px 1975px #FFF, 828px 1964px #FFF, 904px 104px #FFF, 1156px 1329px #FFF, 322px 1208px #FFF, 1659px 1547px #FFF, 703px 1980px #FFF, 1097px 118px #FFF, 91px 752px #FFF, 58px 343px #FFF, 1374px 1112px #FFF, 787px 1951px #FFF, 393px 1902px #FFF, 1664px 1085px #FFF, 494px 611px #FFF, 1286px 1510px #FFF, 569px 228px #FFF, 112px 849px #FFF, 1753px 831px #FFF, 1834px 235px #FFF, 1271px 1944px #FFF, 1223px 1867px #FFF, 1796px 794px #FFF, 1281px 69px #FFF, 1492px 1199px #FFF, 1603px 1051px #FFF, 1834px 1578px #FFF, 1276px 456px #FFF, 1952px 1051px #FFF, 1982px 818px #FFF, 187px 424px #FFF, 1821px 1651px #FFF, 627px 1680px #FFF, 125px 930px #FFF, 1835px 905px #FFF, 1709px 839px #FFF, 1810px 545px #FFF, 700px 891px #FFF, 142px 1746px #FFF, 1550px 876px #FFF, 1359px 1727px #FFF, 1900px 1070px #FFF, 1165px 1893px #FFF, 845px 1524px #FFF, 327px 1296px #FFF, 1287px 407px #FFF, 1701px 492px #FFF, 1208px 1565px #FFF, 1088px 646px #FFF, 1244px 12px #FFF, 673px 1791px #FFF, 246px 299px #FFF, 51px 338px #FFF, 55px 742px #FFF, 1848px 1814px #FFF, 916px 37px #FFF, 1462px 209px #FFF, 1074px 359px #FFF, 757px 754px #FFF, 1348px 1990px #FFF, 388px 155px #FFF, 104px 1818px #FFF, 916px 275px #FFF, 620px 1401px #FFF, 25px 1932px #FFF, 253px 332px #FFF, 1929px 497px #FFF, 386px 1228px #FFF, 686px 1998px #FFF, 1368px 894px #FFF, 1356px 1147px #FFF, 613px 472px #FFF, 467px 1207px #FFF, 811px 1553px #FFF, 235px 1941px #FFF, 1950px 1222px #FFF, 702px 757px #FFF, 1703px 449px #FFF, 527px 1437px #FFF, 1425px 1630px #FFF, 874px 1800px #FFF, 879px 642px #FFF, 1146px 1247px #FFF, 1368px 823px #FFF, 1001px 1461px #FFF, 1086px 343px #FFF, 103px 1567px #FFF, 1389px 141px #FFF, 229px 915px #FFF, 43px 13px #FFF, 1953px 1018px #FFF, 773px 133px #FFF, 131px 1730px #FFF, 1615px 999px #FFF, 1534px 901px #FFF, 1390px 882px #FFF, 929px 1912px #FFF, 982px 776px #FFF, 1681px 249px #FFF, 275px 587px #FFF, 1503px 1328px #FFF, 1069px 872px #FFF, 533px 403px #FFF, 1135px 862px #FFF, 814px 1010px #FFF, 1820px 97px #FFF, 1729px 387px #FFF, 578px 1632px #FFF, 744px 1270px #FFF, 1938px 1217px #FFF, 381px 994px #FFF, 1990px 387px #FFF, 509px 21px #FFF, 865px 268px #FFF, 345px 1114px #FFF, 820px 825px #FFF, 369px 1056px #FFF, 1450px 1096px #FFF, 335px 1030px #FFF, 1751px 1565px #FFF, 1508px 1495px #FFF, 714px 1740px #FFF, 1662px 1608px #FFF, 1802px 1884px #FFF, 1361px 1801px #FFF, 417px 139px #FFF, 158px 1446px #FFF, 1453px 1635px #FFF, 1233px 480px #FFF, 1868px 429px #FFF, 630px 1965px #FFF, 961px 891px #FFF, 523px 534px #FFF, 448px 474px #FFF, 1080px 8px #FFF, 1970px 1430px #FFF, 1941px 1395px #FFF, 73px 1306px #FFF, 1388px 1117px #FFF, 1802px 584px #FFF, 44px 1614px #FFF, 871px 2000px #FFF, 1980px 438px #FFF, 1467px 960px #FFF, 280px 1015px #FFF, 633px 71px #FFF, 1162px 1008px #FFF, 1656px 240px #FFF, 12px 1450px #FFF, 184px 863px #FFF, 1703px 1885px #FFF, 1055px 1168px #FFF, 1295px 1009px #FFF, 1940px 529px #FFF, 78px 892px #FFF, 1246px 322px #FFF, 578px 150px #FFF, 1187px 1645px #FFF, 1438px 1232px #FFF, 922px 1780px #FFF, 344px 375px #FFF, 1598px 1507px #FFF, 213px 240px #FFF, 566px 1978px #FFF, 1314px 1530px #FFF, 524px 1974px #FFF, 1863px 905px #FFF, 1432px 1894px #FFF, 289px 467px #FFF, 269px 239px #FFF, 907px 180px #FFF, 150px 1912px #FFF, 1160px 803px #FFF, 317px 727px #FFF, 293px 1700px #FFF, 1395px 410px #FFF, 1687px 509px #FFF, 134px 1465px #FFF, 1810px 196px #FFF, 569px 921px #FFF, 754px 1799px #FFF, 1556px 637px #FFF, 1296px 683px #FFF, 1404px 1482px #FFF, 1981px 464px #FFF, 568px 497px #FFF, 1956px 588px #FFF, 1445px 1149px #FFF, 400px 1540px #FFF, 261px 132px #FFF, 208px 543px #FFF, 1653px 1238px #FFF, 1855px 896px #FFF, 1943px 1305px #FFF, 840px 1949px #FFF, 392px 706px #FFF, 1047px 1380px #FFF, 925px 136px #FFF, 1406px 228px #FFF, 1415px 1900px #FFF, 1729px 840px #FFF, 1412px 1948px #FFF, 776px 508px #FFF, 1981px 1480px #FFF, 9px 869px #FFF, 1437px 292px #FFF, 707px 656px #FFF, 769px 1160px #FFF, 458px 1588px #FFF, 1214px 817px #FFF, 87px 1728px #FFF, 1299px 1711px #FFF, 1004px 1756px #FFF, 1842px 943px #FFF, 1185px 220px #FFF, 1653px 552px #FFF, 963px 1857px #FFF, 1303px 181px #FFF, 949px 1820px #FFF, 420px 285px #FFF, 1145px 113px #FFF, 1728px 433px #FFF, 463px 1671px #FFF, 1300px 446px #FFF, 1241px 1750px #FFF, 82px 1996px #FFF, 627px 547px #FFF, 1057px 1198px #FFF, 914px 856px #FFF, 929px 772px #FFF, 1538px 497px #FFF, 830px 570px #FFF, 1779px 963px #FFF, 717px 711px #FFF, 862px 495px #FFF, 1642px 1586px #FFF, 435px 271px #FFF, 575px 712px #FFF, 1335px 240px #FFF, 293px 423px #FFF, 328px 237px #FFF, 132px 883px #FFF, 1773px 751px #FFF, 976px 1596px #FFF, 410px 1433px #FFF, 479px 794px #FFF, 1892px 744px #FFF, 869px 1761px #FFF, 321px 105px #FFF, 432px 1135px #FFF, 1529px 940px #FFF, 1337px 809px #FFF, 1150px 110px #FFF, 861px 687px #FFF, 446px 1089px #FFF, 748px 1269px #FFF, 633px 822px #FFF, 1521px 430px #FFF, 1740px 1089px #FFF, 966px 1938px #FFF, 1515px 398px #FFF, 1589px 294px #FFF, 1514px 628px #FFF, 1207px 410px #FFF, 1088px 1057px #FFF, 498px 841px #FFF, 228px 1175px #FFF, 1321px 915px #FFF, 1566px 184px #FFF, 1948px 391px #FFF, 1670px 933px #FFF, 232px 1935px #FFF, 909px 382px #FFF, 779px 551px #FFF, 1446px 763px #FFF, 904px 1368px #FFF, 1510px 909px #FFF, 44px 31px #FFF, 172px 588px #FFF, 976px 1813px #FFF, 31px 1060px #FFF, 642px 412px #FFF, 723px 790px #FFF, 891px 29px #FFF, 110px 1003px #FFF, 1353px 1122px #FFF, 1066px 1053px #FFF, 193px 1869px #FFF, 1531px 572px #FFF, 910px 808px #FFF, 409px 1757px #FFF, 21px 762px #FFF, 1043px 1577px #FFF, 151px 343px #FFF, 1358px 609px #FFF, 706px 686px #FFF, 1473px 1017px #FFF, 756px 527px #FFF, 931px 601px #FFF, 1208px 398px #FFF, 1196px 740px #FFF, 724px 332px #FFF, 468px 317px #FFF, 414px 586px #FFF, 545px 400px #FFF, 1908px 1488px #FFF, 1383px 336px #FFF, 1578px 1333px #FFF, 806px 1170px #FFF, 1972px 867px #FFF, 1798px 1482px #FFF, 272px 1038px #FFF, 743px 112px #FFF, 1415px 33px #FFF, 443px 1413px #FFF, 1606px 1654px #FFF, 1704px 182px #FFF, 1706px 36px #FFF, 1625px 222px #FFF, 1755px 1247px #FFF, 1031px 32px #FFF, 659px 252px #FFF, 1940px 1003px #FFF, 1945px 1813px #FFF, 1966px 326px #FFF, 882px 1009px #FFF, 847px 155px #FFF, 809px 31px #FFF, 873px 104px #FFF, 1498px 1079px #FFF, 743px 1011px #FFF, 1817px 239px #FFF, 1520px 924px #FFF, 469px 41px #FFF, 16px 592px #FFF, 405px 1705px #FFF, 1942px 364px #FFF, 1655px 1516px #FFF, 1897px 825px #FFF, 585px 1836px #FFF, 448px 768px #FFF, 1201px 1890px #FFF, 1635px 1777px #FFF, 1659px 1512px #FFF, 1556px 929px #FFF, 811px 69px #FFF, 1341px 343px #FFF, 905px 1832px #FFF, 1434px 941px #FFF, 1855px 1374px #FFF, 1127px 261px #FFF, 477px 1004px #FFF, 1577px 1466px #FFF, 507px 255px #FFF, 965px 1510px #FFF, 242px 1472px #FFF, 1688px 1798px #FFF, 617px 648px #FFF, 272px 1466px #FFF, 1982px 1394px #FFF, 463px 706px #FFF, 901px 1188px #FFF, 1725px 932px #FFF, 390px 610px #FFF, 482px 101px #FFF, 392px 1058px #FFF, 1712px 1804px #FFF, 1868px 859px #FFF, 55px 922px #FFF, 951px 919px #FFF, 203px 534px #FFF, 1181px 1933px #FFF, 1465px 1616px #FFF, 600px 1500px #FFF, 316px 846px #FFF, 880px 1977px #FFF, 1495px 450px #FFF, 1965px 1209px #FFF, 1961px 1657px #FFF, 66px 1501px #FFF, 827px 1331px #FFF, 778px 1147px #FFF, 207px 1544px #FFF, 384px 1946px #FFF, 647px 775px #FFF, 705px 1877px #FFF, 1123px 716px #FFF, 1386px 1141px #FFF, 616px 1278px #FFF, 1539px 1039px #FFF, 1245px 311px #FFF, 1808px 1006px #FFF, 628px 1232px #FFF, 1342px 595px #FFF, 1496px 1055px #FFF, 408px 1849px #FFF, 1183px 158px #FFF, 1466px 396px #FFF, 284px 1456px #FFF, 795px 497px #FFF, 345px 1544px #FFF, 982px 942px #FFF, 858px 1846px #FFF, 671px 1399px #FFF, 428px 762px #FFF, 722px 788px #FFF, 1935px 1062px #FFF, 1419px 801px #FFF, 1010px 1944px #FFF, 1663px 1019px #FFF, 770px 977px #FFF, 907px 1167px #FFF, 1447px 417px #FFF, 1005px 86px #FFF, 158px 751px #FFF, 640px 1015px #FFF, 910px 525px #FFF, 47px 1298px #FFF, 216px 439px #FFF, 718px 1492px #FFF, 934px 716px #FFF, 1093px 1827px #FFF, 703px 655px #FFF, 126px 1486px #FFF, 687px 814px #FFF, 827px 374px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 912px 1042px #FFF, 910px 112px #FFF, 1636px 1122px #FFF, 1820px 992px #FFF, 1124px 655px #FFF, 1045px 2px #FFF, 378px 1702px #FFF, 482px 551px #FFF, 1146px 159px #FFF, 1746px 1347px #FFF, 146px 1634px #FFF, 333px 1479px #FFF, 1220px 719px #FFF, 1442px 810px #FFF, 862px 1340px #FFF, 155px 1965px #FFF, 1989px 745px #FFF, 584px 1108px #FFF, 20px 1852px #FFF, 422px 448px #FFF, 192px 1880px #FFF, 715px 1958px #FFF, 365px 811px #FFF, 996px 1904px #FFF, 422px 1849px #FFF, 1703px 1453px #FFF, 1107px 675px #FFF, 325px 791px #FFF, 1535px 1230px #FFF, 1485px 1452px #FFF, 1904px 884px #FFF, 1106px 433px #FFF, 375px 1547px #FFF, 1825px 1782px #FFF, 580px 347px #FFF, 610px 1841px #FFF, 1817px 1981px #FFF, 570px 613px #FFF, 1246px 369px #FFF, 1012px 1833px #FFF, 1857px 961px #FFF, 558px 64px #FFF, 422px 1871px #FFF, 699px 1643px #FFF, 1418px 1380px #FFF, 121px 1217px #FFF, 1543px 1655px #FFF, 827px 1312px #FFF, 1573px 583px #FFF, 962px 1777px #FFF, 1233px 173px #FFF, 904px 1900px #FFF, 148px 1414px #FFF, 158px 1287px #FFF, 64px 817px #FFF, 1185px 922px #FFF, 1091px 1565px #FFF, 1887px 1621px #FFF, 1673px 785px #FFF, 1295px 719px #FFF, 784px 16px #FFF, 1602px 915px #FFF, 501px 1036px #FFF, 655px 1628px #FFF, 185px 1666px #FFF, 1009px 930px #FFF, 1526px 1303px #FFF, 1469px 731px #FFF, 410px 658px #FFF, 1505px 1851px #FFF, 852px 587px #FFF, 894px 1787px #FFF, 820px 978px #FFF, 517px 1899px #FFF, 463px 431px #FFF, 895px 1751px #FFF, 930px 551px #FFF, 608px 117px #FFF, 1979px 1059px #FFF, 640px 767px #FFF, 1684px 1408px #FFF, 1710px 566px #FFF, 2px 564px #FFF, 1520px 406px #FFF, 857px 138px #FFF, 16px 1161px #FFF, 88px 1138px #FFF, 735px 725px #FFF, 1275px 8px #FFF, 839px 1194px #FFF, 729px 1014px #FFF, 1348px 137px #FFF, 708px 751px #FFF, 214px 1474px #FFF, 289px 538px #FFF, 124px 1900px #FFF, 227px 608px #FFF, 909px 1332px #FFF, 487px 436px #FFF, 832px 63px #FFF, 1491px 1319px #FFF, 990px 1815px #FFF, 76px 45px #FFF, 1020px 666px #FFF, 1960px 1892px #FFF, 238px 282px #FFF, 286px 1351px #FFF, 1355px 1592px #FFF, 136px 249px #FFF, 297px 1804px #FFF, 228px 1361px #FFF, 1401px 94px #FFF, 658px 1407px #FFF, 1910px 1693px #FFF, 1316px 1276px #FFF, 556px 787px #FFF, 29px 1105px #FFF, 741px 27px #FFF, 1724px 454px #FFF, 412px 681px #FFF, 187px 716px #FFF, 281px 933px #FFF, 536px 1994px #FFF, 1817px 600px #FFF, 1873px 812px #FFF, 809px 1958px #FFF, 1670px 1664px #FFF, 370px 301px #FFF, 1263px 197px #FFF, 486px 1065px #FFF, 1557px 669px #FFF, 1628px 1888px #FFF, 872px 1004px #FFF, 126px 366px #FFF, 1681px 1865px #FFF, 383px 1251px #FFF, 1876px 441px #FFF, 1844px 1374px #FFF, 95px 859px #FFF, 674px 565px #FFF, 371px 1149px #FFF, 1645px 251px #FFF, 77px 506px #FFF, 1346px 540px #FFF, 850px 1514px #FFF, 420px 268px #FFF, 253px 1128px #FFF, 761px 1469px #FFF, 1859px 1567px #FFF, 1829px 209px #FFF, 1993px 1850px #FFF, 1538px 1260px #FFF, 137px 1111px #FFF, 899px 695px #FFF, 235px 1006px #FFF, 1895px 789px #FFF, 80px 1336px #FFF, 146px 1020px #FFF, 1780px 1502px #FFF, 426px 171px #FFF, 1830px 832px #FFF, 92px 193px #FFF, 1176px 1438px #FFF, 979px 852px #FFF, 750px 478px #FFF, 1330px 1469px #FFF, 1502px 1521px #FFF, 1967px 1365px #FFF, 707px 603px #FFF, 580px 1675px #FFF, 1626px 291px #FFF, 763px 1907px #FFF, 1660px 644px #FFF, 177px 233px #FFF, 1313px 1876px #FFF, 277px 63px #FFF, 325px 1214px #FFF, 1213px 1312px #FFF, 871px 280px #FFF, 1562px 1652px #FFF, 823px 315px #FFF, 1422px 1099px #FFF, 1200px 1398px #FFF, 1545px 1827px #FFF, 1527px 66px #FFF, 1898px 371px #FFF, 624px 1798px #FFF, 640px 1003px #FFF, 527px 684px #FFF, 149px 1770px #FFF, 1736px 796px #FFF, 989px 246px #FFF, 1901px 1741px #FFF, 1586px 1102px #FFF, 1871px 1512px #FFF, 1837px 1765px #FFF, 64px 130px #FFF, 1932px 1675px #FFF, 1169px 1994px #FFF, 294px 863px #FFF;
  animation: animStar 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 912px 1042px #FFF, 910px 112px #FFF, 1636px 1122px #FFF, 1820px 992px #FFF, 1124px 655px #FFF, 1045px 2px #FFF, 378px 1702px #FFF, 482px 551px #FFF, 1146px 159px #FFF, 1746px 1347px #FFF, 146px 1634px #FFF, 333px 1479px #FFF, 1220px 719px #FFF, 1442px 810px #FFF, 862px 1340px #FFF, 155px 1965px #FFF, 1989px 745px #FFF, 584px 1108px #FFF, 20px 1852px #FFF, 422px 448px #FFF, 192px 1880px #FFF, 715px 1958px #FFF, 365px 811px #FFF, 996px 1904px #FFF, 422px 1849px #FFF, 1703px 1453px #FFF, 1107px 675px #FFF, 325px 791px #FFF, 1535px 1230px #FFF, 1485px 1452px #FFF, 1904px 884px #FFF, 1106px 433px #FFF, 375px 1547px #FFF, 1825px 1782px #FFF, 580px 347px #FFF, 610px 1841px #FFF, 1817px 1981px #FFF, 570px 613px #FFF, 1246px 369px #FFF, 1012px 1833px #FFF, 1857px 961px #FFF, 558px 64px #FFF, 422px 1871px #FFF, 699px 1643px #FFF, 1418px 1380px #FFF, 121px 1217px #FFF, 1543px 1655px #FFF, 827px 1312px #FFF, 1573px 583px #FFF, 962px 1777px #FFF, 1233px 173px #FFF, 904px 1900px #FFF, 148px 1414px #FFF, 158px 1287px #FFF, 64px 817px #FFF, 1185px 922px #FFF, 1091px 1565px #FFF, 1887px 1621px #FFF, 1673px 785px #FFF, 1295px 719px #FFF, 784px 16px #FFF, 1602px 915px #FFF, 501px 1036px #FFF, 655px 1628px #FFF, 185px 1666px #FFF, 1009px 930px #FFF, 1526px 1303px #FFF, 1469px 731px #FFF, 410px 658px #FFF, 1505px 1851px #FFF, 852px 587px #FFF, 894px 1787px #FFF, 820px 978px #FFF, 517px 1899px #FFF, 463px 431px #FFF, 895px 1751px #FFF, 930px 551px #FFF, 608px 117px #FFF, 1979px 1059px #FFF, 640px 767px #FFF, 1684px 1408px #FFF, 1710px 566px #FFF, 2px 564px #FFF, 1520px 406px #FFF, 857px 138px #FFF, 16px 1161px #FFF, 88px 1138px #FFF, 735px 725px #FFF, 1275px 8px #FFF, 839px 1194px #FFF, 729px 1014px #FFF, 1348px 137px #FFF, 708px 751px #FFF, 214px 1474px #FFF, 289px 538px #FFF, 124px 1900px #FFF, 227px 608px #FFF, 909px 1332px #FFF, 487px 436px #FFF, 832px 63px #FFF, 1491px 1319px #FFF, 990px 1815px #FFF, 76px 45px #FFF, 1020px 666px #FFF, 1960px 1892px #FFF, 238px 282px #FFF, 286px 1351px #FFF, 1355px 1592px #FFF, 136px 249px #FFF, 297px 1804px #FFF, 228px 1361px #FFF, 1401px 94px #FFF, 658px 1407px #FFF, 1910px 1693px #FFF, 1316px 1276px #FFF, 556px 787px #FFF, 29px 1105px #FFF, 741px 27px #FFF, 1724px 454px #FFF, 412px 681px #FFF, 187px 716px #FFF, 281px 933px #FFF, 536px 1994px #FFF, 1817px 600px #FFF, 1873px 812px #FFF, 809px 1958px #FFF, 1670px 1664px #FFF, 370px 301px #FFF, 1263px 197px #FFF, 486px 1065px #FFF, 1557px 669px #FFF, 1628px 1888px #FFF, 872px 1004px #FFF, 126px 366px #FFF, 1681px 1865px #FFF, 383px 1251px #FFF, 1876px 441px #FFF, 1844px 1374px #FFF, 95px 859px #FFF, 674px 565px #FFF, 371px 1149px #FFF, 1645px 251px #FFF, 77px 506px #FFF, 1346px 540px #FFF, 850px 1514px #FFF, 420px 268px #FFF, 253px 1128px #FFF, 761px 1469px #FFF, 1859px 1567px #FFF, 1829px 209px #FFF, 1993px 1850px #FFF, 1538px 1260px #FFF, 137px 1111px #FFF, 899px 695px #FFF, 235px 1006px #FFF, 1895px 789px #FFF, 80px 1336px #FFF, 146px 1020px #FFF, 1780px 1502px #FFF, 426px 171px #FFF, 1830px 832px #FFF, 92px 193px #FFF, 1176px 1438px #FFF, 979px 852px #FFF, 750px 478px #FFF, 1330px 1469px #FFF, 1502px 1521px #FFF, 1967px 1365px #FFF, 707px 603px #FFF, 580px 1675px #FFF, 1626px 291px #FFF, 763px 1907px #FFF, 1660px 644px #FFF, 177px 233px #FFF, 1313px 1876px #FFF, 277px 63px #FFF, 325px 1214px #FFF, 1213px 1312px #FFF, 871px 280px #FFF, 1562px 1652px #FFF, 823px 315px #FFF, 1422px 1099px #FFF, 1200px 1398px #FFF, 1545px 1827px #FFF, 1527px 66px #FFF, 1898px 371px #FFF, 624px 1798px #FFF, 640px 1003px #FFF, 527px 684px #FFF, 149px 1770px #FFF, 1736px 796px #FFF, 989px 246px #FFF, 1901px 1741px #FFF, 1586px 1102px #FFF, 1871px 1512px #FFF, 1837px 1765px #FFF, 64px 130px #FFF, 1932px 1675px #FFF, 1169px 1994px #FFF, 294px 863px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1571px 1146px #FFF, 2000px 1588px #FFF, 1009px 138px #FFF, 1392px 613px #FFF, 739px 291px #FFF, 1823px 252px #FFF, 1292px 393px #FFF, 13px 1857px #FFF, 483px 1839px #FFF, 285px 1807px #FFF, 1341px 63px #FFF, 267px 731px #FFF, 1639px 586px #FFF, 638px 1709px #FFF, 528px 1290px #FFF, 314px 437px #FFF, 1854px 178px #FFF, 1758px 1554px #FFF, 1954px 1860px #FFF, 72px 750px #FFF, 1244px 509px #FFF, 1191px 242px #FFF, 737px 601px #FFF, 29px 719px #FFF, 1280px 856px #FFF, 1628px 1614px #FFF, 419px 1473px #FFF, 1692px 673px #FFF, 1181px 657px #FFF, 626px 1293px #FFF, 1143px 923px #FFF, 1624px 574px #FFF, 156px 1617px #FFF, 912px 1514px #FFF, 803px 1175px #FFF, 587px 1415px #FFF, 928px 1814px #FFF, 1551px 620px #FFF, 1291px 663px #FFF, 1545px 1610px #FFF, 1017px 666px #FFF, 146px 1913px #FFF, 200px 1169px #FFF, 1847px 208px #FFF, 1878px 767px #FFF, 1720px 1146px #FFF, 905px 1906px #FFF, 476px 1033px #FFF, 1304px 231px #FFF, 1793px 1744px #FFF, 1995px 1339px #FFF, 918px 465px #FFF, 408px 471px #FFF, 866px 331px #FFF, 1805px 57px #FFF, 1703px 501px #FFF, 637px 1118px #FFF, 100px 477px #FFF, 512px 310px #FFF, 124px 1760px #FFF, 388px 1595px #FFF, 643px 890px #FFF, 446px 1587px #FFF, 1847px 880px #FFF, 1602px 1832px #FFF, 1995px 1886px #FFF, 1616px 1925px #FFF, 827px 1281px #FFF, 615px 1385px #FFF, 1797px 29px #FFF, 989px 1597px #FFF, 937px 1295px #FFF, 1326px 1113px #FFF, 88px 795px #FFF, 1558px 1047px #FFF, 895px 131px #FFF, 1468px 1084px #FFF, 1093px 1435px #FFF, 99px 438px #FFF, 313px 1770px #FFF, 1607px 1640px #FFF, 1844px 506px #FFF, 1211px 1337px #FFF, 1437px 731px #FFF, 931px 1814px #FFF, 223px 1006px #FFF, 1429px 1373px #FFF, 729px 1008px #FFF, 622px 632px #FFF, 252px 331px #FFF, 1280px 1278px #FFF, 1583px 167px #FFF, 513px 427px #FFF, 777px 1528px #FFF, 743px 347px #FFF, 951px 1786px #FFF, 143px 1338px #FFF, 1835px 76px #FFF, 1856px 533px #FFF, 1075px 1676px #FFF;
  animation: animStar 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1571px 1146px #FFF, 2000px 1588px #FFF, 1009px 138px #FFF, 1392px 613px #FFF, 739px 291px #FFF, 1823px 252px #FFF, 1292px 393px #FFF, 13px 1857px #FFF, 483px 1839px #FFF, 285px 1807px #FFF, 1341px 63px #FFF, 267px 731px #FFF, 1639px 586px #FFF, 638px 1709px #FFF, 528px 1290px #FFF, 314px 437px #FFF, 1854px 178px #FFF, 1758px 1554px #FFF, 1954px 1860px #FFF, 72px 750px #FFF, 1244px 509px #FFF, 1191px 242px #FFF, 737px 601px #FFF, 29px 719px #FFF, 1280px 856px #FFF, 1628px 1614px #FFF, 419px 1473px #FFF, 1692px 673px #FFF, 1181px 657px #FFF, 626px 1293px #FFF, 1143px 923px #FFF, 1624px 574px #FFF, 156px 1617px #FFF, 912px 1514px #FFF, 803px 1175px #FFF, 587px 1415px #FFF, 928px 1814px #FFF, 1551px 620px #FFF, 1291px 663px #FFF, 1545px 1610px #FFF, 1017px 666px #FFF, 146px 1913px #FFF, 200px 1169px #FFF, 1847px 208px #FFF, 1878px 767px #FFF, 1720px 1146px #FFF, 905px 1906px #FFF, 476px 1033px #FFF, 1304px 231px #FFF, 1793px 1744px #FFF, 1995px 1339px #FFF, 918px 465px #FFF, 408px 471px #FFF, 866px 331px #FFF, 1805px 57px #FFF, 1703px 501px #FFF, 637px 1118px #FFF, 100px 477px #FFF, 512px 310px #FFF, 124px 1760px #FFF, 388px 1595px #FFF, 643px 890px #FFF, 446px 1587px #FFF, 1847px 880px #FFF, 1602px 1832px #FFF, 1995px 1886px #FFF, 1616px 1925px #FFF, 827px 1281px #FFF, 615px 1385px #FFF, 1797px 29px #FFF, 989px 1597px #FFF, 937px 1295px #FFF, 1326px 1113px #FFF, 88px 795px #FFF, 1558px 1047px #FFF, 895px 131px #FFF, 1468px 1084px #FFF, 1093px 1435px #FFF, 99px 438px #FFF, 313px 1770px #FFF, 1607px 1640px #FFF, 1844px 506px #FFF, 1211px 1337px #FFF, 1437px 731px #FFF, 931px 1814px #FFF, 223px 1006px #FFF, 1429px 1373px #FFF, 729px 1008px #FFF, 622px 632px #FFF, 252px 331px #FFF, 1280px 1278px #FFF, 1583px 167px #FFF, 513px 427px #FFF, 777px 1528px #FFF, 743px 347px #FFF, 951px 1786px #FFF, 143px 1338px #FFF, 1835px 76px #FFF, 1856px 533px #FFF, 1075px 1676px #FFF;
}

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

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

#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;
}






.main-timeline {


  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}













@media only screen and (min-device-width :320px) and (max-device-width :480px) {


  #hero {
    height: 1240px;
  }

  .main-timeline .timeline-content,
  .main-timeline .timeline:nth-child(even) .timeline-content {

    padding: 0;
  }

  .main-timeline {
    background: none;

  }

  .header-social-links a {
    padding-left: 0;
    margin-right: 0;
  }

  /* .mobile-nav-toggle {line-height: 47px;}	 */

  #header {
    background: #fff !important;
  }
  
    .log-nav{



  }


  .about-new .content {

    /*padding-left: 30px;*/
  }

  #hero h3 {
    color: #fdc134;
    font-size: 22px;
    line-height: 32px;
  }


  .about-new {
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    transform: rotate(0deg);

  }


  .about-new h3 {
    font-size: 38px;
    padding-left: 30px;
    font-weight: 700;
    color: #fff;
  }


  .colec-img {

    margin-left: 20px;
  }

  .gift {
    padding-bottom: 0px;
  }



  .witebg {
    transform: ;
    border-radius: 2px;
    padding: 30px;
    margin-top: 30px;
  }


}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

  .main-timeline {
    background: none;
  }

  /*#hero {height: 1240px;}*/




}



@media only screen and (min-device-width :768px) and (max-device-width :1024px) {

  /*#hero {height: 800px;}*/

}




@media screen and (min-width: 1400px) {
  /*#hero {height: 800px;}*/

}

@media screen and (min-width: 1600px) {

  /*#hero {height: 1000px;}*/
  #footer .footer-top {
    padding: 110px 0;
  }
}

@media screen and (min-width: 1900px) {
  /*#hero {height: 860px;}*/

}




















@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {

    .safari_only {

      color: #0000FF;
      background-color: #CCCCCC;

    }
  }
}


/* loader */
.loadbg {
  background: rgba(0, 0, 0, 0.95);
  height: 100%;
  width: 100%;
  z-index: 999999;
  position: fixed;
}



.mosaic-loader {
  --cell-size: 15px;
  --cell-spacing: 1px;
  --border-width: 1px;
  --cells: 4;
  --total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
  display: flex;
  flex-wrap: wrap;
  width: var(--total-size);
  height: var(--total-size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mosaic-loader>.cell {
  --cell-color: white;
  flex: 0 0 var(--cell-size);
  margin: var(--cell-spacing);
  background-color: transparent;
  box-sizing: border-box;
  border: var(--border-width) solid var(--cell-color);
  animation: 1.5s ripple ease infinite;
}

.mosaic-loader>.cell.d-1 {
  animation-delay: 100ms;
}

.mosaic-loader>.cell.d-2 {
  animation-delay: 200ms;
}

.mosaic-loader>.cell.d-3 {
  animation-delay: 300ms;
}

.mosaic-loader>.cell.d-4 {
  animation-delay: 400ms;
}

.mosaic-loader>.cell.d-5 {
  animation-delay: 500ms;
}

.mosaic-loader>.cell.d-6 {
  animation-delay: 600ms;
}

.mosaic-loader>.cell:nth-child(1) {
  --cell-color: #d4aee0;
}

.mosaic-loader>.cell:nth-child(2) {
  --cell-color: #8975b4;
}

.mosaic-loader>.cell:nth-child(3) {
  --cell-color: #64518a;
}

.mosaic-loader>.cell:nth-child(4) {
  --cell-color: #565190;
}

.mosaic-loader>.cell:nth-child(5) {
  --cell-color: #44abac;
}

.mosaic-loader>.cell:nth-child(6) {
  --cell-color: #2ca7d8;
}

.mosaic-loader>.cell:nth-child(7) {
  --cell-color: #1482ce;
}

.mosaic-loader>.cell:nth-child(8) {
  --cell-color: #05597c;
}

.mosaic-loader>.cell:nth-child(9) {
  --cell-color: #b2dd57;
}

.mosaic-loader>.cell:nth-child(10) {
  --cell-color: #57c443;
}

.mosaic-loader>.cell:nth-child(11) {
  --cell-color: #05b853;
}

.mosaic-loader>.cell:nth-child(12) {
  --cell-color: #19962e;
}

.mosaic-loader>.cell:nth-child(13) {
  --cell-color: #fdc82e;
}

.mosaic-loader>.cell:nth-child(14) {
  --cell-color: #fd9c2e;
}

.mosaic-loader>.cell:nth-child(15) {
  --cell-color: #d5385a;
}

.mosaic-loader>.cell:nth-child(16) {
  --cell-color: #911750;
}

@keyframes ripple {
  0% {
    background-color: transparent;
  }

  30% {
    background-color: var(--cell-color);
  }

  60% {
    background-color: transparent;
  }

  100% {
    background-color: transparent;
  }
}

/* loader end */








.card-container {
  flex: 300px;
  margin: 30px;
}
.card-container .card {
  font-weight: bold;
  position: relative;
  width: 100%;
}
.card-container .card a {
  padding: 30px;
  width: 100%;
  height: 400px;
 
  background: white;
  text-decoration: none;
  color: black;
  display: block;
  transition: 0.25s ease;
  border-radius:20px;
}
.card-container .card a:hover {
  /*transform: translate(-30px, -30px);*/
  border-color: #5bc0eb;
}
.card-container .card a:hover .card--display {
  display: none;
}
.card-container .card a:hover .card--hover {
  display: block;
}
.card-container .card a .card--display i {
  font-size: 60px;
  margin-top: 200px;
}
.card-container .card a .card--display h2 {
  margin: 20px 0 0;
}
.card-container .card a .card--hover {
  display: none;
}
.card-container .card a .card--hover h2 {
  margin: 20px 0;
}
.card-container .card a .card--hover p {
  font-weight: normal;
  line-height: 1.5;
}
.card-container .card a .card--hover p.link {
  margin: 20px 0 0;
  font-weight: bold;
  color: #5bc0eb;
}
.card-container .card .card--border {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  
  z-index: -1;
}
.card-container .card.card--dark a {
  color: white;
  background-color: black;
  border-color: black;
}
.card-container .card.card--dark a .card--hover .link {
  color: #fde74c;
}











.arrow-right:after {
  content: " ";
  position: absolute;
  right: 0px;
  top: 50%;
  border-top: 15px solid transparent;
  border-right: none;
  border-left: 15px solid #fff;
  border-bottom: 15px solid transparent;
}


/*new*/

span {cursor:pointer; }
.number{
  margin:0;
}
.minus, .plus{
  width:20%;
  height:20%;
  background:#f2f2f2;
  border-radius:4px;
  padding:8px 5px 8px 5px;
  border:1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.qtyTxt{
  height:34px;
  width: 100px;
  text-align: center;
  font-size: 26px;
  border:1px solid #ddd;
  border-radius:4px;
  display: inline-block;
  vertical-align: middle;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.zoom-in-out-box {
  animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.w3-light-grey {
  color: #000!important;
  background-color: #f1f1f1!important;
  border-radius: 30px;
  width: 85%;
  font-size: 18px;
}

.w3-green, .w3-hover-green:hover {
  color: #fff!important;
  background-color: #4CAF50!important;
  border-radius: 30px;
  text-align: center;
}
.w3-container, .w3-panel {
  padding: 0.01em 16px;
}

.w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after {
  content: "";
  display: table;
  clear: both;
}

.swal-modal {
  border-radius: 5% !important;
}