@font-face {
    font-family: 'Roboto';
    src:  url('../assets/Fontes/Roboto-Regular.ttf') format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: 'Roboto-Black';
    src:  url('../assets/Fontes/Roboto-Black.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
    font-family: 'Roboto-Bold';
    src:  url('../assets/Fontes/Roboto-Bold.ttf') format('truetype');
    font-weight: 500;
}
body {
  /* background-image: url("../img/bg.png"); */
  background-image: url("../img/background.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: 'Roboto' !important;
}
.container { max-width: 1024px; }
.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }
.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
.flex-equal > * { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; }
.overflow-hidden { overflow: hidden; }
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.p-md-5 {
  padding: 0 !important;
  margin: 0 !important;
}
.pl-md-3, .px-md-3 {
  padding-left: 3rem!important;
  padding-right: 3rem!important;
}

#player {
  width: 280px;
  height: 150px;
}
.video_area {
  padding-bottom: 0 !important;
}
#form_video_area {
  display: none;
  background: #0a0f24;
  padding-top: 8px;
  padding-bottom: 8px;
}
#form_video_area h5 {
  font-size: 10px;
}
#form_video_area a {
  font-size: 10px;
}

/* GERAL - 425px resolucao */
/* SOBRE */
#about {
  height: 290px;
  background-size: 900px; /*this one*/
  top: 0px;
  background: url('../img/header.png') no-repeat center center;
  background-position:center;
}
.banner_site {
  height: 350px;
  background-size: 350px; /*this one*/
  width: 100%;
  /* top: 55px; */
  background: url('../img/header.png') no-repeat center center;
  background-position:center;
  position: absolute;
}
.banner_site_top {
  height: 60px;
  background-color: #0a0f24 !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.navbar_2 {
  display: none;
  color: #fff;
}
.navbar_1 {
  display: block;
  color: #fff;
}
/* CABEÇALHO */
.site-header {
  background-color: #0a0f24 !important;
  /* -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; */
}
.site-header a {
  color: #fff;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #ffeb0e;
  text-decoration: none;
}
#navbarSupportedContent a {
  color: #fff;
}
#navbarSupportedContent a:hover {
  color: #ffeb0e;
}
.active {
  color: #ffeb0e !important;
}

.icons_area_mobile {
  right: 20px;
  top: 15px;
  position: absolute;
}

.icon_navbar_link img:last-child{display:none}
.icon_navbar_link:hover img:first-child{display:none}
.icon_navbar_link:hover img:last-child{display:inline-block}

.icons_area_mobile a {
  padding-left: 10px;
}
.icon_navbar {
  width: 20px;
  height: 20px;
  fill: #fff;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("../img/burguer.png");
}
.lunaraxe_logo {
  width: 100%;
  margin-top: 0px;
  left: 0px;
  padding: 10px;
  position: absolute;
  text-align: center;
}
.lunaraxe_logo img {
  width: 200px;
}
.steam_whishlist {
  left: 0px;
  top: 180px;
  /* margin-left: 15px; */
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
}
.steam_whishlist img{
  width: 300px;
}

.newsletter {
  width: 95%;
  bottom: 20px;
  margin-top: 20px;
  padding: 2px;
  right: 0px;
  left: 10px;
  position: absolute;
  background: #e06073;
  color: #fbeeef;
  font-size: 9px;
  box-shadow: 0 15px 18px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
  z-index: 1;
}
.news_email {
  margin-bottom: 10px;
  font-size: 10px;
  background-color: #ffdde2;
  color: #b63145;
}
#news_soon { display: none; }
#contact_soon { display: none; }
#InputEmailNews {
  margin-left: 10px;
  height: 20px;
}
#InputEmail {
  font-size: 15px;
}
#InputName {
  font-size: 15px;
}
#InputSubject {
  font-size: 15px;
}
#InputMessage {
  font-size: 15px;
}
.news_email::placeholder {
  color: #b63145;
}
.news_button {
  font-size: 10px;
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;
}
.title_text {
  font-size: 14px;
  color: #4d4d4d;
}
.title_text_h {
  font-size: 18px !important;
  font-family: 'Roboto-Bold';
}
.title_text a {
    color: #ffeb0e;
}
.text_link {
  color: #3F51B5;
  font-weight: 600;
}
.about_text {
  font-size: 10px;
}
.trailler_video {
  width: 250px;
  height: 140px;
}
.faq_area {
  height: 60px;
  width: 100%;
  /* background-image: url("../img/faqbarra.png"); */
  margin-bottom: 20px;
}
.faq_img {
  width: 100%;
}
.title_text_faq {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 40px;
  font-family: 'Roboto-Bold';
  color: #d44d05;
}
/* FAQ */

.header_area {
  max-width: 1024px;
  margin: auto;
}
.text_area {
  /* background: url("../img/bg_2.png"); */
  background: #f2f2f2;
  background-size: contain;
  max-width: 1024px;
}
.faq_mobile_text {
  display: block;
}
.faq_pc_text {
  display: none;
}
.steam_logo{
  height: 50px;
}
.copyright {
  font-size: 12px;
}
.indication_logo {
  height: 100px;
}
.boss_game {
  height: 250px;
}
.title_contact {
  font-size: 25px;
}
.trailler_title {
  font-size: 20px;
  font-family: 'Roboto-Bold';
}
.container {
  padding-right: 0px;
  padding-left: 0px;
}
.form_area {
  max-width: 600px;
  margin: auto;
}
/* FOOTER  */
.steam_area {
  background: #000;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}
/* CONTATO */
.title_contact {
  font-size: 32px;
  color: #4d4d4d;
}


/* MOBILE */
@media (min-width: 425px) {
  .lunaraxe_logo img {
    width: 220px;
  }
  .steam_whishlist {
    bottom: 120px;
  }
  .steam_whishlist img {
    width: 400px;
  }
  #player {
    width: 350px;
    height: 200px;
  }
  #form_video_area h5 {
    font-size: 12px;
  }
  #form_video_area a {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .lunaraxe_logo img {
    width: 320px;
  }
  .title_text {
    font-size: 16px;
  }
  .lunaraxe_logo {
    text-align: left;
  }
  .newsletter {
    width: 400px;
    left: inherit;
    right: 25px;
  }
  .steam_whishlist {
    top: 80px;
    right: 20px;
    left: auto;
    width: auto;
  }
  .news_button {
    height: 25px;
    font-size: 12px;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .body_area {
    padding: 20px !important;
  }
  .trailler_title {
    font-size: 30px;
  }
  .trailler_video {
    width: 500px;
    height: 300px;
  }
  .faq_mobile_text { display: none; }
  .faq_pc_text { display: block; }
  #player {
    width: 600px;
    height: 300px;
  }
  #form_video_area h5 {
    font-size: 16px;
  }
  #form_video_area a {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .lunaraxe_logo img {
    width: 400px;
  }
  .steam_whishlist img{
    margin-left: 80px;
    width: 550px;
  }
  .newsletter {

  }
  #InputEmailNews {
    margin-left: 10px;
    height: 30px;
    width: 300px;
    float: right;
    font-size: 14px;
  }
  .news_button {
    height: 30px;
    font-size: 16px;
  }
  #about {
    background: url('');
    height: 290px;
  }
  .faq_img_mentor {
    height: 180px;
    top: -100px;
  }
  .boss_game {
    height: 300px;
  }
  #player {
    width: 960px;
    height: 500px;
  }
  #form_video_area h5 {
    font-size: 20px;
  }
  #form_video_area a {
    font-size: 20px;
  }
}