body, html{
  font-family: 'Saira', sans-serif;
  font-weight: 400;
  font-style: normal;
  color:#fff;
}

.site{
  overflow: hidden;
}
 p{
   font-size: 1em;
   color:#bdbaba;
 }

.topo{
  min-height: 545px ;
  position: relative;
}

.bg-wizer{
  background-image: url(../img/wizer.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-ranger{
  background-image: url(../img/ranger.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-dynquedo{
  background-image: url(../img/dynquedo.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-duds{
  background-image: url(../img/duds.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-tutsz{
  background-image: url(../img/tutsz.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-yang{
  background-image: url(../img/yang.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-mousty{
  background-image: url(../img/mousty.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}
.bg-disave{
  background-image: url(../img/disave.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.bg-ceos{
  background-image: url(../img/ceos.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}
.bg-revolta{
  background-image: url(../img/revolta.png), url(../img/fundo-jogador.jpg);
  background-position: top center, top center;
  background-repeat: no-repeat, repeat;
}

.titulo h2 {
  font-family: 'Saira', sans-serif;
  color:#ccc;
  font-weight: 400;
  font-size: 1.35em;
  text-align: left;
  line-height: 1.2em;
  margin-bottom: 30px;
  border-bottom: 1px solid #bdbaba;
  padding-bottom: 15px;
  position: relative;
}
.titulo h2 i{
  color:#e84000;
  transform: rotate(45deg);
  font-size:110%;
}


.descricao {
  text-align: left;
  padding: 15px;
  border-radius: 10px;

  background: -moz-linear-gradient(0deg, #00000000 0%, #141414 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 0deg, color-stop(0%, 00000000), color-stop(100%, 141414));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(0deg, #00000000 0%, #141414 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(0deg, #00000000 0%, #141414 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(0deg, #00000000 0%, #141414 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(0deg, #00000000 0%, #141414 100%);/* W3C */

}
.descricao figure{
  max-width: 46px; 
  margin:0 auto 10px;
}



.topo .patrocinadores{
  position: relative;
  display: inline-block;
  margin-top: 30px;
}
.topo .patrocinadores ul{
  list-style-type: none;
  text-align: center;
  padding: 0 0 0 30px;
}
.topo .patrocinadores hr{
  border-top:1px solid #ff660038;
  padding:0;
  margin: 3px 0;
  
}






.base{
  background: -moz-linear-gradient(26deg, #4D4D4D 0, #141414 64%);/* FF3.6+ */
  background: -webkit-gradient(linear, 26deg, color-stop(0, 4D4D4D), color-stop(64%, 141414));/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(26deg, #4D4D4D 0, #141414 64%);/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(26deg, #4D4D4D 0, #141414 64%);/* Opera 11.10+ */
  background: -ms-linear-gradient(26deg, #4D4D4D 0, #141414 64%);/* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
  background: linear-gradient(26deg, #4D4D4D 0, #141414 64%);/* W3C */
 

  
}

.base .base-separacao{
  background: url(../img/separacao.png) no-repeat;
  background-position: 50% 50%;
  height: 100%;
}
 .base .destaques hr{
  border-top:1px solid #ff660038;
  
  padding:0;
  margin: 3px 0; text-align: center;
  
}

.base .destaques p{
  padding:20px 0;
  margin-left:20px;
  text-align: center;
  position: relative;
}
.base .destaques p i{
  color:#e84000;
  padding-right: 20px;
}
/*
.destaques p:before{
  content: "";
  background: url(../img/check.png) no-repeat;
  width: 21px;
  height: 18px;
  position: absolute;
  top: 20px;
  left: -30px;
}
*/

.nav-pills.nav-pills-rose .nav-item .nav-link {
  transition: all .2s;
  border-radius: 50%;
  padding: 0;
  background-color: #e84000;
  margin: 09;
  z-index: 1;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 0, 0, 0.6);
  min-width: 100px;
  display: table-caption;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#FF6600)";/*IE 8*/
  -moz-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*FF 3.5+*/
  -webkit-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#FF6600); /*IE 5.5-7*/

}
.nav-tabs, .nav-pills {
  margin: -50px 0 0 0;
}


.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) {
  margin-left: -15px;
}


.nav-pills .nav-item .nav-link:hover {
  background-color: #e84000;
  transform: scale(1.3);
  z-index: 2;


}


.nav-pills .nav-item i {
  display: block;
  font-size: 30px;
  padding: 15px 0;
}


.nav-pills.nav-pills-rose .nav-item .nav-link.active,
.nav-pills.nav-pills-rose .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-rose .nav-item .nav-link.active:hover {
  background-color: #e85e00;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 0, 0, 0.6);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#FF6600)";/*IE 8*/
-moz-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*FF 3.5+*/
-webkit-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#FF6600); /*IE 5.5-7*/
  color: #fff;
  transform: scale(1.3);
  z-index: 99;
  
}



.nav-pills.nav-pills-icons .nav-item .nav-link {
  border-radius: 4px;
}


.base .tab-content{
  color:#fff;
}

footer{
  background: #000;
  color:#cccc;
}
footer h6{
 
    text-transform: inherit;
    color: #4e4747;
}




.btn-hyper { 
  color: #000000; 
  background-color: #e84000; 
  border-color: #e84000; 

  font-family: 'Saira', sans-serif;
  font-weight: 400;
  border-radius: 40px;
  font-size: 1.2em;
  margin-top:30px;
} 
 
.btn-hyper:hover, 
.btn-hyper:focus, 
.btn-hyper:active, 
.btn-hyper.active, 
.open .dropdown-toggle.btn-hyper { 
  color: #fff; 
  background-color: #e84000; 
  border-color: #e84000; 
} 
 
.btn-hyper:active, 
.btn-hyper.active, 
.open .dropdown-toggle.btn-hyper { 
  background-image: none; 
} 
 
.btn-hyper.disabled, 
.btn-hyper[disabled], 
fieldset[disabled] .btn-hyper, 
.btn-hyper.disabled:hover, 
.btn-hyper[disabled]:hover, 
fieldset[disabled] .btn-hyper:hover, 
.btn-hyper.disabled:focus, 
.btn-hyper[disabled]:focus, 
fieldset[disabled] .btn-hyper:focus, 
.btn-hyper.disabled:active, 
.btn-hyper[disabled]:active, 
fieldset[disabled] .btn-hyper:active, 
.btn-hyper.disabled.active, 
.btn-hyper[disabled].active, 
fieldset[disabled] .btn-hyper.active { 
  background-color: #e84000; 
  border-color: #e84000; 
} 
 
.btn-hyper .badge { 
  color: #e84000; 
  background-color: #000000; 
}




@media (min-width: 120px){
  .nav-tabs, .nav-pills {
    margin: -30px 0 0 0;
}

.topo .nome-jogador {
  position: absolute;
  height: 78px;
  margin-top: -39px;
  right: 10%;
  bottom: 80px;
  background: #000000cc;
}

  .base .base-separacao{
    background: unset;
    
    height: 100%;
  }

  .topo .patrocinadores{
    width: 120px;
  }

  .base .nav-pills .nav-item .nav-link {
    transition: all .2s;
    border-radius: 50%;
    padding: 0;
    background-color: #e84000;
 
    z-index: 1;
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(0, 0, 0, 0.6);
    min-width: 60px;
    display: table-caption;
  }
  
.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) {
  margin-left: -5px;
}
.nav-tabs, .nav-pills {
  border: 0;
  border-radius: 3px;
  padding: 0;
}
}



@media (min-width: 520px){
  .nav-tabs, .nav-pills {
    margin: -30px 0 0 0;
}

.topo .nome-jogador {
  position: absolute;
  height: 78px;
  margin-top: -39px;
  right: 10%;
  bottom: 180px;
  background: #00000091;
}

  .base .base-separacao{
    background: url(../img/separacaoc.png) no-repeat;
    background-position: 50% 50%;
    height: 100%;
  }

  .topo .patrocinadores{
    width: 150px;
  }

  .base .nav-pills .nav-item .nav-link {
    transition: all .2s;
    border-radius: 50%;
    padding: 0;
    background-color: #e84000;
    z-index: 1;
   
    min-width: 80px;
    display: table-caption;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#FF6600)";/*IE 8*/
    -moz-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*FF 3.5+*/
    -webkit-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#FF6600); /*IE 5.5-7*/
  }
  
.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) {
  margin-left: -5px;
}
.nav-tabs, .nav-pills {
  border: 0;
  border-radius: 3px;
  padding: 0;
}

}

@media (min-width: 575px){
  .base .base-separacao{
    background: url(../img/separacao.png) no-repeat;
    background-position: 50% 50%;
    height: 100%;
  }

  .topo .patrocinadores{
    width: 190px;
  }

}

@media (min-width: 768px){
  .base .nav-pills .nav-item .nav-link {
    transition: all .2s;
    border-radius: 50%;
    padding: 0;
    background-color: #e84000;
    z-index: 1;
    min-width: 100px;
    display: table-caption;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=0, Color=#FF6600)";/*IE 8*/
    -moz-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*FF 3.5+*/
    -webkit-box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0 27px 35px -6px rgba(0,0,0,0.7), 0 -3px 18px -2px rgba(255,102,0,0.8);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=18, Direction=135, Color=#FF6600); /*IE 5.5-7*/
  }
  .nav-tabs, .nav-pills {
    margin: -50px 0 0 0;

}
}

@media (min-width: 992px){

  .topo .nome-jogador{
    position: absolute;
    top: 17%;
    height: 78px;
    margin-top:-39px;
    right: 13%;
    background: #00000000;
}

.topo .patrocinadores{
  width: 190px;
  margin-top:4%;
  margin-left: 5%;
}

}