@font-face {
  font-family: migra;
  src: url(../fonts/Migra-Extrabold.woff);
}

html
{
      width: 100%;
    overflow-x: hidden;
}
body
{
  font-family: 'Lato' , "Arial";
  background: #000;
      overflow-x: hidden;
}


.loader
{
  max-width: 90%;
  margin-top: 300px;
}

.loader_box
{
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #000;
  text-align: center;
  position: absolute;
  
}
#bg_video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}




.little_grey
{
  margin-top: -36px;
  font-size: 1.4em;
  margin-bottom: 25px;
  display: block;
  color: #C4C4C4;
  margin-left: 6px;
  font-weight: bolder;
}


.container-fluid {
    width: 95%;

    }

    .galyverse
    {
      max-width: 100%;
      margin-top: 10px;
    }


    .link_social
    {
      cursor: pointer;
      margin: 12px;
    }

.meta
{
  width: 100%;
  height: 100%;
  /* margin-top: -19px; */
}

    .box_center
    {
          margin-top: 70px;
          height: 230px;
          width: 100%;
          text-align: center;
          /*
          background-image: url(../img/meta.svg);
          background-size: contain;
          background-repeat: no-repeat;*/
    }


    .meta_logo
    {
      width: 100%;
    }

    .eagle_logo
    {
      width: auto;
      position: absolute;
      /* margin-left: -12%; */
      left: 0;
      margin-left: auto;
      right: 0;
      margin-top: -57px;
      max-width: 100%;
      max-height: 344px;
      top: 0;
      margin-right: auto;
    }

    #info_section
    {
      margin-top: 20px;
    }

    .current_address
    {
      margin-top: 40px;
      color: #c4c4c4;
      background: none;
      /* border: 1px solid #C4C4C4; */
      /* padding: 2px; */
      /* padding-left: 10px; */
      /* padding-right: 0px; */
      font-size: 18px;
      margin-top: 15px;
      margin-bottom: 10px;
      text-transform: uppercase;
      line-height: 13px;
      border-radius: 21px;
}

.button_meta
{
      color: #c4c4c4;
      background: none;
      border: 1px solid #C4C4C4;
      padding: 7px;
      padding-left: 15px;
      padding-right: 15px;
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 30px;
      text-transform: uppercase;
      border-radius: 21px;
}

.button_meta:hover
{
color: #fff;
  border: 1px solid #fff;
}

/*.timer
{
    color: #C4C4C4;
    font-family: "migra", Arial;
    font-size: 4em;
}*/
    p
    {
      color: #FFFFFF;
      font-weight: 300;
    }




    .info_meta
    {
      text-align: center;
    font-weight: 400;
    letter-spacing: 0.4px;
    }

.extra_logo{
      text-align: right;
      position: absolute;
      right: 20px;
      margin-top: 9%;
}

.extra_logo_mobile
{
  display: none;
}
    .img_extra_logo
    {
      display: block;
      margin-left: auto;
      margin-top: 33px;
    }

    .raf_b
    {
      margin-top: 25px;
    }

.box_connect {
    display: none;
    margin-top: 30px;
}

.popup
{
  height: fit-content;
  max-width: 88%;
  width: fit-content;
  margin: auto;
  left: 0;
  background: #151313;
  color: #D9D9D9;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  text-align: center;
  padding: 18px;
  margin-bottom: auto;
  border-radius: 10px;
}

.p_g
{
      margin-top: 20px;
    font-size: 20px;
    font-weight: bolder;
}
.close_popup
{
  width: fit-content;
    float: left;
    cursor: pointer;

  }

  .big_icon
  {
    margin: auto;
  }

    .icon_popup
    {
      text-align: center;
      margin-top: 30px;
    }


.content_popup
{
  padding: 4%;
  padding-right: 2%;
  padding-left: 2%;
}
    @media (max-width: 992px) {



      .eagle_logo {
  
    top: 0%;
}

.extra_logo_mobile {
    display: block;
    text-align: center;
    margin-top: 33px;
}


      .extra_logo
      {
        display: none;
      }

       .extra_logo_mobile
      {
        display: block;
      }

.link_social {
    cursor: pointer;
    margin-top: 17px;
    width: 27%;
    max-width: 31px;
    margin-right: 0px;
    margin-left: 2%;
}

.img_extra_logo {
    display: inline-block;
    margin-right: 18px;
    margin-bottom: 25px;

    }



    .box_center {
    margin-top: 40px;
    height: 224px;
    width: 100%;
    text-align: center;
}



}


    .text_purple
    {
      font-size: 1.5em;
      margin-top: 40px;
      font-weight: bold;
      color:#A874FF;
    }

.timer
{
    color: #C4C4C4;
    font-family: "migra", Arial;
    font-size: 4em;
}

.text_grey
{
  margin-top: 25px;
  color: #C4C4C4;
}






label {
  max-width: 300px;
  display: flex;
  cursor: pointer;
  font-weight: 500;
  margin-top: 23px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
  /* Accessible outline */
  /* Remove comment to use */
  /*
    &:focus-within {
        outline: .125em solid $primary-color;
    }
  */
  margin-left: auto;
  margin-right: auto;
}
label input {
  position: absolute;
  left: -9999px;
}
label input:checked + span {
  background-color: transparent;
}
label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #ccc;
}
label span {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 10px;
  border: 1px solid #989898;
  transition: 0.25s ease;
  padding: 16px;
  color: #D9D9D9;
}
label span:hover {
  background-color: #ffffff4a;
}
label span:before {
  margin-right: 17px;
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: transparent;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 10px;
  transition: 0.25s ease;
  /* box-shadow: inset 0 0 0 0.125em #00005c; */
  border: 1px solid;
}



.big_button_mint
{
  max-width: 300px;
  background: #925AF0;
  width: 100%;
  /* font-size: 30px; */
  color: #fff;
  border: 0px;
  border-radius: 7px;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 14px;
}



.price_option
{
      margin-top: 3px;
    text-align: right;
    position: absolute;
    right: 4%;
    color: #b1b1b1;
    font-size: 13px;
}

.big_button_mint:hover {
    background: #b699e7;


  }

.title_popup
{
      white-space: nowrap;
      margin-top: 0px;
      font-size: 1em;
      font-weight: bold;
}

.error_tc
{
  color: #925bf0;
}
.dot-falling
{
  width: 50px;
}

.t_c
{
  font-size: 16px;
  color: #a8a8a8;
  margin-top: 15px;
}