/*.waveWrapperInner.bgTop {

}
.waveWrapperInner.bgMiddle{

}*/
/*.waveWrapperInner.bgBottom,.bgMiddle,.bgTop {
 background: linear-gradient(to right, #DC1FFF,#2af4eb);
}*/
.waveWrapperInner.bgBottom,.bgMiddle,.bgTop {
    background: none;
}
.is-visible{
    color: #2af4eb;
}

.feature-eight-section .eight-feature-box {
    background-color: #e9ebf7d9;
}

#fun-fact{
    background: #fff;
}

.eg-fun-fact-section {
    padding: 48px 0px 110px;
}

.eisticky-menu-bg-overlay {
    background-color: #293459;
}

#header-eight{
    text-align: center;
}
.eg-how-work-section .how-work-scroller {
    height: 426px;
}

.eg-how-work-section {
    margin-top: 6%;
}

.ei-faq-section .fq-shape-style2{
    opacity: 1;
}

.eg-how-work-section .how-work-scroller {
    height: 100%;
}

.eg-how-work-section .ei-how-work-content-item .eg-how-work-icon-text .scroller-no {
    left: -35px;
    font-family: helvetica;
}



@media screen and (max-width:600px) {
    #buyhigh{
        display: none;
    }
    #logostoned {
        display: block !important;
         margin-top: 24px;
    }
    .eight-banner-section .eight-banner-content h1 {
        font-size: 2em;
        text-align: center;
    }
    .eight-banner-section:after {
    background-image: url(bl-shape.png);
    background: #00000091;
    }

    .main-header-eight {
        top: 0;
    }
    #header-eight {
        text-align: center;
        top: -19px;
    }
}

@media only screen and (min-width: 768px){
    #logostoned {
        display: none;
    }
    .feature-eight-section {
        padding: 118px 0px 120px;
    }
}

.eg-fun-fact-section .eg-funfact-text .eight-section-title h2 {
    margin-top: 10%;
    padding-bottom: 6px;
}

.eg-fun-fact-section {
    padding: 48px 0px 45px;
}

.eight-banner-section {
    background: linear-gradient(to right, #060606, #6d8cf8);
}


.ei-banner-btn a{
    background-color: #2af4eb !important;
    color: #000 !important;
}



.timeline ul {
   padding: 50px 0
}

.timeline ul li {
   list-style-type: none;
   position: relative;
   width: 6px;
   margin: 0 auto;
   padding-top: 50px;
   background: #fff
}

.timeline ul li::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: inherit;
   z-index: 1
}

.timeline ul li div {
   position: relative;
   bottom: 0;
   width: 400px;
   padding: 15px;
   background: #2af4eb;
   color: #000;
   border-radius: 9px
}

.timeline ul li div::before {
   content: "";
   position: absolute;
   bottom: 7px;
   width: 0;
   height: 0;
   border-style: solid
}

.timeline ul li:nth-child(odd) div {
   left: 45px
}

.timeline ul li:nth-child(odd) div::before {
   left: -15px;
   border-width: 8px 16px 8px 0;
   border-color: transparent #2af4eb transparent transparent
}

.timeline ul li:nth-child(even) div {
   left: -439px
}

.timeline ul li:nth-child(even) div::before {
   right: -15px;
   border-width: 8px 0 8px 16px;
   border-color: transparent transparent transparent #2af4eb
}

time {
   display: block;
   font-size: 1.2rem;
   font-weight: 700;
   margin-bottom: 8px
}

.timeline ul li::after {
   transition: background .5s ease-in-out
}

.timeline ul li.in-view::after {
   background: #92e1e7;
}

.timeline ul li div {
   visibility: hidden;
   opacity: 0;
   transition: all .5s ease-in-out
}

.timeline ul li:nth-child(odd) div {
   transform: translate3d(200px, 0, 0)
}

.timeline ul li:nth-child(even) div {
   transform: translate3d(-200px, 0, 0)
}

.timeline ul li.in-view div {
   transform: none;
   visibility: visible;
   opacity: 1
}

@media screen and (max-width:900px) {
   .timeline ul li div {
      width: 250px
   }
   .timeline ul li:nth-child(even) div {
      left: -289px
   }
   .swiper-container {
      display: block;
      overflow: inherit
   }
   img.solrocks {
      width: 90%
   }
   .row.right-sp {
      margin-right: 0
   }
   div#countdown {
      background: #ffffff61;
      margin: 0 0 15% 0;
      padding: 2px 2px
   }
   header .navbar-expand .navbar-brand img {
      height: auto;
      max-height: 62px;
      width: 100%
   }
   .yeti-main {
      width: 90%
   }
   .no-slider .inner .center {
      width: 100%;
      padding: 1rem 0;
      display: block
   }
   .navbar-expand .navbar-nav .nav-item {
      padding: 0 20px 0 0
   }
}

@media screen and (max-width:600px) {
   .iq-countdown #countdown {
      padding: 0 10px
   }
   .description {
      font-size: 1.1rem!important
   }
   img.logo-main {
      width: 56%
   }
   .shmob {
      display: flex!important
   }
   .timeline ul li {
      margin-left: 20px
   }
   .timeline ul li div {
      width: calc(100vw - 91px)
   }
   .timeline ul li:nth-child(even) div {
      left: 45px
   }
   .timeline ul li:nth-child(even) div::before {
      left: -15px;
      border-width: 8px 16px 8px 0;
      border-color: transparent #2af4eb transparent transparent
   }

   .eg-fun-fact-section .eg-fun-fact-mockup{
      margin-bottom: 0 !important;
   }
   .eg-fun-fact-section .eg-funfact-text .eight-section-title h2{
      margin-top: 0 !important;
   }
   .wave.waveTop {
      display: none;
  }

}

.timeline-clippy ul li::after {
   width: 40px;
   height: 40px;
   border-radius: 0
}

.timeline-rhombus ul li::after {
   clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%)
}

.timeline-rhombus ul li div::before {
   bottom: 12px
}

.timeline-star ul li::after {
   clip-path: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)
}

.timeline-heptagon ul li::after {
   clip-path: polygon(50% 0, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0 60%, 10% 20%)
}

.timeline-infinite ul li::after {
   animation: scaleAnimation 2s infinite
}

@keyframes scaleAnimation {
   0% {
      transform: translateX(-50%) scale(1)
   }
   50% {
      transform: translateX(-50%) scale(1.25)
   }
   100% {
      transform: translateX(-50%) scale(1)
   }
}


#roadmap{
    background: #293458;
}

.white{
    color: #FFF;
    font-size: 2em;
}


.ei-footer-copyright {
    background: #293458;
    color: #FFF;
}

.bg-kangoo {
    background-image: url(assets/img/bg-kangoo.png);
    background-repeat: no-repeat;
    background-size: cover
}


.bg-blue{
    background-color: #293458;
    color: #FFF;
}


.ei-faq-section .ei-faq-queans .ei-faq.faq_bg {
    background-color: #81a2ff;
    border-radius: 11px;
}

.ei-faq-section .ei-faq-queans .ei-faq-header button {
    color: #FFF;
}


.ei-footer-copyright {
    margin-top: 0;
}


.ei-scrollup {
    background-image: linear-gradient(-45deg, #2af4eb 32%, #6b2c94 100%);
}

.neonText {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa;
      /*$0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;*/
}

/* test */


@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
*, *:before, *:after {
  box-sizing: border-box;
}


.slide-container {
  margin: auto;
  
  text-align: center;
}

.wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}
.wrapper:focus {
  outline: 0;
}

.clash-card {
  background: white;
  width: 300px;
  display: inline-block;
  margin: auto;
  border-radius: 19px;
  position: relative;
  text-align: center;
  box-shadow: -1px 15px 30px -12px black;
  z-index: 9999;
}

.card-image {
  position: relative;
  height: 230px;
  margin-bottom: 8px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}

.card-image--barbarian img {
  width: 400px;
  position: absolute;
  top: -65px;
  left: -70px;
}

.card-image--archer img {
  width: 400px;
  position: absolute;
  top: -34px;
  left: -37px;
}

.image--mod {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/195612/giant-bg.jpg");
}
.image--mod img {
  width: 340px;
  position: absolute;
  top: 0;
  left: 0;
}

.card-image--goblin img {
  width: 370px;
  position: absolute;
  top: -21px;
  left: -37px;
}

.card-image--wizard img {
  width: 345px;
  position: absolute;
  top: -28px;
  left: -10px;
}

.rarity-block {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 3px;
}

.rarity-block--barbarian {
  color: #EC9B3B;
}

.rarity-block--archer {
  color: #EE5487;
}

.rarity-block--giant {
  color: #F6901A;
}

.rarity-block--goblin {
  color: #82BB30;
}

.rarity-block--wizard {
  color: #4FACFF;
}

.clash-cardblk-name {
  font-size: 26px;
  color: black;
  font-weight: 900;
  margin-bottom: 5px;
}

.clash-cardblk-description {
  padding: 20px;
  margin-bottom: 10px;
}

.clash-cardblk-stats--barbarian {
  background: #EC9B3B;
}
.clash-cardblk-stats--barbarian .one-third {
  border-right: 1px solid #BD7C2F;
}

.clash-cardblk-stats--archer {
  background: #EE5487;
}
.clash-cardblk-stats--archer .one-third {
  border-right: 1px solid #D04976;
}

.clash-cardblk-stats--giant {
  background: #F6901A;
}
.clash-cardblk-stats--giant .one-third {
  border-right: 1px solid #de7b09;
}

.clash-cardblk-stats--goblin {
  background: #82BB30;
}
.clash-cardblk-stats--goblin .one-third {
  border-right: 1px solid #71a32a;
}

.clash-cardblk-stats--wizard {
  background: #4FACFF;
}
.clash-cardblk-stats--wizard .one-third {
  border-right: 1px solid #309eff;
}

.clash-cardblk-stats {
  color: white;
  font-weight: 700;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.clash-cardblk-stats .one-third {
  width: 33%;
  float: left;
  padding: 8px 15px;
}
.clash-cardblk-stats sup {
  position: absolute;
  bottom: 4px;
  font-size: 45%;
  margin-left: 2px;
}
.clash-cardblk-stats .stat {
  position: relative;
  font-size: 24px;
  margin-bottom: 10px;
}
.clash-cardblk-stats .stat-value {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
}
.clash-cardblk-stats .no-border {
  border-right: none;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.slick-prev {
  left: 100px;
  z-index: 999;
}

.slick-next {
  right: 100px;
  z-index: 999;
}


.clash-cardblk-stats .one-third {
    width: 50%;
}

.slick-prev:before, .slick-next:before {
    font-size: 29px !important;
    color: #293458 !important;
  }  

  .ei-appdownload-section {
    padding: 50px 0px 50px;
}


time {
    font-weight: 800 !important;
}

.eight-section-title .square-shape i:nth-child(4) {
    background-color: #2af4eb;
}
.eight-section-title .square-shape i:nth-child(3) {
    background-color: #293458;
}

.slick-prev {
    left: 60px !important;
}

.slick-next {
    right: 60px !important;
}

.ei-team-section {
   padding: 50px 0px 50px;
}

rect.highcharts-background {
   display: none;
}

text.highcharts-credits {
   display: none;
}

#tokenomics{
   background: #293458;
   color: #FFF;
}

.waveWrapper {
   top: 85px;
}

b {
   font-weight: bold !important;
}

.eight-banner-section .eight-banner-content .banner-content-box .ei-banner-btn {
   padding: 45px 0px 0px 0px;
}

.brd {
   border-left: 2px solid #F4F4F4;
}