@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: #d83e43;
  font-family: 'Roboto' !important;
  background-size: 50px 50px;
}
.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; }
.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 {
  /* background-image: url("../img/BaseVideo.png"); */
  margin-bottom: 0px !important;
  padding-top: 0px !important;
}
.base_video {
  width: 100%;
  height: 100%;
  z-index: 0;
}
#form_video_area {
  display: none;
  background: #793858;
  padding-top: 8px;
  padding-bottom: 8px;
}
#form_video_area h5 {
  font-size: 10px;
}
#form_video_area a {
  font-size: 10px;
}

/* GERAL - 425px resolucao */

.banner_site {
  height: 0;
  padding: 0;
  padding-bottom: 70%;
  background: url('../assets/mobile/Mobile_Header.png') no-repeat center center;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 0%;
}

.banner_site_top {
  height: 60px;
  background-color: #0000008c !important;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}
.header_area {
  max-width: 1024px;
  margin: auto;
}
.background_header {
  background: #000;
  width: 100%;
}

/* SOBRE */
#about {
  /* height: 180px; */
  background-size: 100%; /*this one*/
  top: 0px;
  /* background: url('../assets/Site_Uni-DuniHeader_BG.png') no-repeat center center; */
  background-position:center;
}
.navbar_2 {
  display: none;
  color: #fff;
}
.navbar_1 {
  display: block;
  color: #fff;
}
/* CABEÇALHO */
.site-header {
  background-color: #000 !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");
}
.uniduni_logo {
  width: 100%;
  margin-top: 180px;
  left: 0px;
  padding: 30px;
  position: absolute;
  text-align: center;
}
.uniduni_logo img {
  width: 260px;
}
.uniduni_char {
  bottom: 0px;
  position: absolute;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -50%);
}
.uniduni_char img{
  width: 200px;
}
.newsletter {
  width: 100%;
  bottom: 220px;
  padding: 5px;
  left: 0px;
  right: 0px;
  position: absolute;
  background: #e06073;
  color: #fbeeef;
  font-size: 10px;
  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:12px;
  background-color: #ffdde2;
  color: #b63145;
}
#news_soon { display: none; }
#contact_soon { display: none; }
#InputEmailNews {
  margin-left: 10px;
  height: 25px;
}
#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: 12px;
}
.title_text {
  font-size: 14px;
  color: #ffeb0e;
}
.title_text_h {
  font-size: 18px !important;
  font-family: 'Roboto-Bold';
}
.title_text a{
    color: #ffeb0e
}
.about_text {
  font-size: 8px;
}
.trailler_video {
  width: 250px;
  height: 140px;
}
.faq_area {
  /* background-image: url("../assets/uni-dunifaqbarra.png"); */
  height: 100px;
  position: absolute;
  /* top: -60px; */
  left: -25px;
}
.faq_img_mentor {
  /* height: 120px; */
  width: 100%;
  /* position: absolute; */
  /* top: -60px; */
  /* left: -20px; */
}
.title_text_faq {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 40px;
  font-family: 'Roboto-Bold';
  color: #d44d05;
}
/* FAQ */
.game_festival_desktop { display: none; }

.text_area {
  /* background: url("../img/bg_2.png"); */
  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 {
  width: 100%;
  position: relative;
  z-index: 1;
}
.boss_game {
  height: 150px;
}
.title_contact {
  font-size: 25px;
}
.trailler_title {
  font-size: 20px;
  background-color: #3a377d;
  font-family: 'Roboto-Bold';
  /* margin-top: -20px; */
  border-radius: 5px;
}
.trailler_title_sub {
  color: #499735;
  width: 100%;
  margin-top: 150px;
  margin: 0 auto;
  font-size: 12px;
}
.container {
  padding-right: 0px;
  padding-left: 0px;
}
.form_area {
  max-width: 600px;
  margin: auto;
}
/* FOOTER  */
.steam_area {
  /* background: #000; */
  background-image: url("../assets/mobile/Mobile_Footer.png");
  width: 100%;
  padding-top: 100px;
  padding-bottom: 30px;
  margin-top: -110px;
  z-index: 2;
  position: relative;
}
/* CONTATO */
.title_contact {
  font-size: 32px;
  color: #fff;
}
.bg_flower { display: none; }

/* MOBILE */
@media (min-width: 375px) {
  /* #about { height: 230px; } */
  #player {
    width: 340px;
    height: 200px;
  }
  .faq_mobile_text { margin-top: -30px; }
}
@media (min-width: 425px) {
  /* #about { height: 250px; } */
  #player {
    width: 350px;
    height: 220px;
  }
  .faq_mobile_text { margin-top: -30px; }
  /* .uniduni_logo img {
    width: 320px;
  }
  .newsletter {
    bottom: 180px;
  }
  #player {
    width: 350px;
    height: 200px;
  }
  #form_video_area h5 {
    font-size: 12px;
  }
  #form_video_area a {
    font-size: 12px;
  } */
}
@media (min-width: 768px) {
  .banner_site {
    height: 0;
    padding: 0;
    padding-bottom: 40%;
    background: url('../assets/desktop/Desktop_Header.png') no-repeat center center;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
  }
  .steam_area {
    padding-top: 150px;
    background-image: url("../assets/desktop/Desktop_Footer.png");
  }

  #about { display: none; }
  #player {
    width: 700px;
    height: 400px;
  }
  #faq {
    margin-top: -15%;
    padding-top: 8%;
    z-index: -1;
   }

  .faq_mobile_text { margin-top: -30px; }
  .faq_img_mentor {
      padding: 20px;
  }
  .steam_area { margin-top: -280px; }

  .title_text {
    font-size: 16px;
  }
  .uniduni_logo {
    margin-top: 80px;
    text-align: center;
  }
  .newsletter {
    width: 400px;
    left: inherit;
    right: 25px;
  }
  .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; }
  #form_video_area h5 {
    font-size: 16px;
  }
  #form_video_area a {
    font-size: 16px;
  }
  .game_festival_mobile { display: none; }
  .game_festival_desktop { display: block; }
  .trailler_title_sub {
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .banner_site { top: -15%; }
  #player {
    width: 900px;
    height: 500px;
  }
  .faq_mobile_text { margin-top: -30px; }
  .faq_img_mentor {
      padding: 20px;
  }
  .indication_logo { width: 600px; }
  .steam_area { margin-top: -240px; padding-top: 200px; }



  .uniduni_logo img {
    width: 350px;
    /* margin-left: 10px; */
  }
  .uniduni_char img{
    width: 200px;
  }
  #about {
    background: url('');
  }
  .faq_img_mentor {
  }
  .boss_game {
    height: 200px;
  }
  #form_video_area h5 {
    font-size: 20px;
  }
  #form_video_area a {
    font-size: 20px;
  }
  .trailler_title_sub {
    font-size: 20px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1440px) {
  body{ background-image: url("../assets/desktop/Desktop_PatternBG.png") !important; background-size: 250px; }
  #faq { max-width: 1024px; background: #d83e43;}
  .bg_flower {
    display: block;
    width: 100%;
    position: relative;
    margin-top: -100%;
    z-index: -1;
  }

}