html {
  overflow-x: hidden;
}

body {
  width: 100%;
  background: url(https://i.imgur.com/jVuSQCD.jpeg) no-repeat #050302;
  background-size: 250%;
  background-position: -500px top;
  overflow-x: hidden;
}

/* ############# Navbar ############# */
.navbar .navbar-nav li .nav-link {
  width: 100%;
  height: 40px;
  line-height: 20px;
  color: #ffffffc7;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 5px;
  display: block;
  position: relative;
  -webkit-trnasition: all 0.3s linear;
  transition: all 0.3s linear;
}

.navbar .navbar-nav li .nav-link:hover {
  transform: translate(10px, 0);
}

.navbar .navbar-toggler {
  width: 50px;
  height: 50px;
  background: none;
}

.navbar-toggler-icon {
  width: auto;
  height: auto;
}

.wrapper.container {
  min-width: 100%;
}

/* ############# Header ############# */
.container.header {
  max-width: 100vw;
  min-width: 100vw;
  margin: auto;
}

.mb-header-info {
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: relative;
  top: 530px;
  background-color: #0c0c158a;
}

.mb-header-info a.mb-button {
  width: 150px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 30px #000, 0 0 30px #000, 0 0 30px #000, 0 0 30px #000;
}

.mb-header-info .mb-button p {
  font-size: 1.3rem;
  margin-top: 35px;
}

.mb-header-info .mb-button span {
  margin-top: 15px;
  display: block;
  color: #fff;
}

.container {
  max-width: 100%;
  min-width: 100%;
}

/* ############# Logo ############# */
.logo {
  left: 0;
  right: 0;
  margin: auto;
}

/* ############# Linguagens ############# */
.language {
  max-width: 125px;
  margin: 10px;
}

/*! Reativar bordar !!!! 
.modalBlock,
.mz-streams,
.fixedInfoBlock {
  display: none;
}
*/

/* ############# Noticias e SLide  ############# */
.news-panel {
  flex-direction: column-reverse;
}

.news-panel .events-block {
  width: 100%;
  height: 355px;
  background-size: 100%;
  margin-bottom: 20px;
}

.news-panel .events-block:before {
  left: 0;
  right: 0;
  margin: auto;
}

.news-panel .events-block .news-content-top {
  height: calc(200px + 20px);
  overflow-y: auto;
  overflow-x: hidden;
}

/* ############# Informações e Top Players  ############# */
.block-widget {
  width: 100%;
  height: max-content;
  flex-direction: column;
  background-size: 100%;
}

.block-widget:before {
  bottom: 0;
  opacity: 0.5;
}

/* ############# Grid de Eventos e Rankings   ############# */
.widget-group,
.container-widget {
  max-width: max-content;
  margin: auto;
  flex-direction: column;
  max-height: 100%;
}

.widget-group > div {
  margin: 10px 0;
}

.events-groups {
  margin: 0;
}

/*/ Castle Siege /*/
.castle-siege {
  height: 385px;
  background: url(../images/elementos/castle-siege-mb.png) no-repeat center;
  background-size: 100%;
}

.castle-siege-en {
  background: url(../images/elementos/castle-siege-mb_en.png) no-repeat center !important;
  background-size: 100% !important;
}

#cs-owner,
#cs-master {
  width: 180px;
  margin: 0 10px 0 10px;
}

.cs-guild {
  overflow: unset;
  top: 82px;
}

.cs-guild img {
  width: 70px;
  height: 70px;
}

/* ############# Hall da Fama - Ranks  ############# */
.slider-home {
  width: 100%;
}

.slider-home .swiper-slide {
  min-width: max-content;
}

/* ############# Galeria  ############# */
.screens-container {
  width: 100%;
  flex-wrap: wrap;
  padding: 0 15px;
}

/* ############# Páginas  ############# */
.page-main {
  min-width: 100%;
  flex-direction: column-reverse;
}

.page-main .page-container {
  width: 100%;
  background-size: 100%;
  margin-left: 0;
  margin-top: 40px;
}

.page-main .page-container::before {
  background-size: 100%;
}

.page-main .page-container:after {
  width: 100%;
}

.page-main .rank-page {
  padding-left: 0;
  padding-right: 0;
}

/*/ Página de eventos /*/
.events-page {
  padding: 0 20px;
}

/*/ Aside bar/*/
.asidebar {
  min-width: 100%;
}

.asidebar .partial-login {
  max-width: 300px;
  margin: auto;
}

.asidebar .partial-login .button {
  margin: auto;
}

.asidebar .widget-fon-discussions {
  margin: 0 auto !important;
}

/*/ Sparks /*/
.sparks2 {
  width: 100%;
  z-index: -1;
}

.footer {
  background: url(https://i.imgur.com/GayPCHX.jpeg) no-repeat center bottom;
  background-size: 100%;
}

.navbar {
  max-width: 576px;
  width: 100vw;
}

.loja-godz .header-loja {
  background-position: center;
}

.swiper-slider.swiper-container {
  width: 100%;
  height: 315px;
}

.swiper-slider .swiper-slide img {
  max-width: 100%;
}

.newsPagination {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.news-panel .events-block {
  margin: 0;
}

.gatilho {
  display: none;
}

.promotion {
    background: url(../images/promo/bg_promo.png) no-repeat center top #070919;
    background-size: 206%;
}
