/*! FUENTES */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

@font-face {
    font-family: '../fonts/league_gothicregular';
    src: url('../fonts/leaguegothic-regular-webfont.woff2') format('woff2'),
    url('../fonts/leaguegothic-regular-webfont.woff') format('woff');
    text-rendering: geometricPrecision;
    font-weight: normal;
    font-style: normal;
}

.fontle{
	 	font-family: '../fonts/league_gothicregular';
    text-rendering: geometricPrecision;
}

/*! COLORES */

:root {
    --azul-1:#00548d; 
    --azul-2:#00172d; 
    --azul-3:#003259; 
    --azul-4:#0076b5; 
    --azul-5:#006994; 
    --blanco:#ffffff; 
}


/*! ELEMENTOS */


html, body{
	height: 100%;
}

body{
	background: url(../img/bg-home.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif;
  mix-blend-mode: luminosity;
}

h1, h2, h3, h4{
	font-family: '../fonts/league_gothicregular', sans-serif;
  text-rendering: geometricPrecision;
}

h1{
	font-size: 48px;
	color: var(--azul-2);
	text-transform: ;
}
.h1{
  font-size: 60px;
  font-family: '../fonts/league_gothicregular', sans-serif;
  color: var(--azul-2);
  text-rendering: geometricPrecision;
}
h2{
	font-size: 60px;
	color:#fff;
}
h3{
  font-size: 36px;
  color:#fff;
}
.h3{
  font-size: 36px;
  font-family: '../fonts/league_gothicregular', sans-serif;
  color: var(--azul-2);
  text-rendering: geometricPrecision;
}
h4{
  font-size: 46px;
}
h4 small{
  font-size: 20px;
  text-transform: none;
}
.logomobile{
  width: 145px;
  margin-top: 10px;
}
.br5{
  border-radius: 5px;
}
.shadow{
  -webkit-box-shadow: -1px 6px 37px -5px rgba(0,0,0,0.49);
  -moz-box-shadow: -1px 6px 37px -5px rgba(0,0,0,0.49);
  box-shadow: -1px 6px 37px -5px rgba(0,0,0,0.49);
}

.shadowsvg {
  -webkit-filter: drop-shadow( -5px 1px 20px #000 ); 
  filter: drop-shadow( -5px 1px 20px #000 );
}
.negro{
  color: #1a1a1a;
}
.mnt{margin-top: -8px;}

.ranking-forms .form-control {
  height: 47px !important;
}
.btn-buscar {
  color: #fff;
  background-color: #00538d;
  border-color: #00538d;
  font-size: 30px;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 0px 20px;
  width: 100%;
}
.cologreen{
  color:#21792b;
}
/*! HEADER */

.header{
	height: 108px;
	background-color: rgba(1, 17, 31, 0.37);
	background-blend-mode: multiply;
	z-index: 1;
  position: relative;
}
.navbar-brand {
  padding-top: 0px;
}
.escudo{
	margin-top: 3px;
	width: 92px;
}
.logo-frase{
	margin-top: -10px;
	  width: 306px;
}

.navbar-nav{
	margin-top:-50px;
}
.nav-link{
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
  text-rendering: geometricPrecision;
 	font-family: '../fonts/league_gothicregular', sans-serif;
	  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;

}
.nav-link:hover{
	color: var(--blanco) !important;
	text-decoration: underline; 
}


/*! RANKING */

.ranking  td, .ranking  th, .ranking  thead th {
  border-color: #ffffff;
  color: #fff;
  font-size: 18px;
}
.ranking .table td, .ranking .table th {
  padding: .75rem;
  vertical-align: top;
  border-top: none;
}
.ranking .table thead th {
  vertical-align: bottom;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.2);
}



/*! BUTONS */

.btn{
	font-family: '../fonts/league_gothicregular', sans-serif;
  text-rendering: geometricPrecision;

}

.btn-light{
  color: #00548d;
  border: solid 1px #00548d;
  font-size: 20px;
  padding: 1px 11px;
  border-radius: 3px;
  margin-left: 25px;
  margin-top: 13px;
}
.btn-primary {
  color: #fff;
  background-color: #00538d;
  border-color: #00538d;
  font-size: 32px;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 3px 2px 0px 3px;
}
.btn-primary:hover, .btn-secondary:hover, .btn-verde:hover {
  color: #fff;
  background-color: #003259;
  border-color: #003259;
 }
.btn-secondary {
  color: #fff;
  background-color: #00538d;
  border-color: #00538d;
  font-size: 19px;
  font-weight: 500;
  margin-top: -2px;
  border-radius: 3px;
  margin-left: 22px;
  margin-right: 4px;
  text-transform: uppercase;
  padding: 2px 10px 0px 11px;
}
.btn-verde {
  color: #fff;
  background-color: #21792b;
  border-color: #22782b;
  font-size: 32px;
  border-radius: 3px;
  text-transform: uppercase;
  padding: 3px 2px 0px 3px;
}

/*! BACKGROUNDS */

.bg-wso{
    background: #ffffff !important;
}
.bg-w{
	  background: rgba(255, 255, 255, 0.6);
}
.bg-o{
	background:rgba(243, 84, 10, 0.8); 
}
.bg-r{
  background:rgba(134, 9, 36, 0.7)
}
.bg-trans{
  background: transparent !important;)
}
.bg-azul{

  background: #00172d !important;)
}




/*! BORDERS */

.border-xn{
  border:none  !important;
}

.table td, .table th {
  border-top: 0px !important;
}
.trtop{
  font-size: 20px;
  border-bottom: solid 5px #00548d;
}
.pagerank  tr td:first-child{
 
}
.btop-mijugador{
     border-top: solid 3px #00548d;
}



/*! TABLE FIXED */

.table-fixed thead {
position: fixed
}


/*! CHAT */
h5{ font-size: 13px; }
.media-body{
  font-size: 12px;
}

/*! Perfil */
h6{font-size: 23px; }

/*! BLOQUE HOME SIGUIENTE PARTIDO */

.vs{
	width: 68px;
  height: 68px;
  background: var(--azul-1);
  color: #fff;
  font-size: 53px;
  line-height: 73px;
  text-align: center;
  top: 17px;
  left: 50%;
  z-index: 99;
  margin-left: -34px;
  border-radius: 58%;
}
.fecha{
	font-size: 36px;
	color: var(--azul-2);
}
.fecha img {
  margin-top: -8px;
  margin-left: 8px;
  margin-right: 12px;
}
.pais{
  font-size: 27px;
  color: var(--azul-2);
  margin-top: -6px;
  margin-left: 12px;
  display: block;
}
.fechahora{
  font-size: 11px;
  line-height: 12px;
  text-align: center;
}

.flag-listado{
	width: 30px;
	height: 20px;
}
.tick{
	width: 30px;
}
.border-bottom {
  border-bottom: 1px solid #d2d2d2!important;
}
a.link-ver-mas{
	font-size: 21px;
	text-decoration: underline;
	color: var(--azul-2);
    padding-top: 8px;
	     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
a:hover.link-ver-mas{
	color: var(--azul-1);
}
a.link-ranking{
  font-size: 24px;
  text-decoration: underline;
  color: var(--blanco);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a:hover.link-ranking{
  color: var(--azul-1);
}
.prnostico-bola{
  margin-top: -6px;
  margin-left: 26px;
}
.cuenta-regresiva{
  color: #00548d;
  font-size: 26px;
}
.cuenta-regresiva span{
  font-size: 36px;
}
.cuenta-regresiva img{
  margin-top: -11px;
  margin-right: 9px;
}
/*!div.pronosticar {
  display: none;
  -webkit-transition: all 3s ease-in-out;
  -moz-transition: all 3s ease-in-out;
  -ms-transition: all 3s ease-in-out;
  -o-transition: all 3s ease-in-out;
  transition: all 3s ease-in-out;
}

div.pronostico:hover div.pronosticar {
    display: block;
}*/


/*! BLOQUE PRONOSTICOS*/

.mispronosticos.nav-tabs .nav-item.show .nav-link, .mispronosticos .nav-tabs .nav-link.active {
  color: #495057;
  background-color: transparent;
  border-color: transparent;
  border-bottom: solid 7px #00548d;
}
.mispronosticos .nav-tabs {
  border-bottom: 2px solid #00538d;
  font-size: 23px;
  font-family: 'Open Sans', sans-serif;
}
.mispronosticos .nav-link{
  font-size: 25px;
  font-family: 'Open Sans', sans-serif;
  color: #1a1a1a
}

 .mispronosticos .nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #00538d !important;
  border-bottom: solid 7px #00548d;
  text-decoration: none
}
.form-control {
  font-weight: 800;
}
.iconpronostico{
  margin-top: -7px;
}
.smallinfo{
  font-size: 13px;
  line-height: 17px;
  display: block;
}
.inputoscore{
  width: 94px;
  background: #e6e6e6;
  border: none;
  border-radius: 0px;
  color: #00172d;
  text-align: center;
  font-size: 50px;
  line-height: 50px;
  text-rendering: geometricPrecision;
  font-family: '../fonts/league_gothicregular', sans-serif;
}
.mispronosticos .flag{
  width: 95px;
}
.mispronosticos .tick{
width: 40px !important;
  position: absolute;
  left: 122px;
  bottom: 17px;
}
.estadio{
  height: 76px;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.info-resultado{
  font-size: 25px;
}
.bg-verde{
  background:#36843a;
  color: #fff;
}
.bg-azul {
  background: #14283c;
  color: #fff;
}
.bg-puntos{
background: #00528d;
  text-transform: none;
  width: 91px;
}
.bg-puntos span {
  font-size: 30px !important;
  line-height: 23px !important;
}
.separated{
  padding: 0px 40px;
  color: #215026;
}

.line::after {
  content: "";
  width: 2px;
  height: 142px;
  position: absolute;
  top: 0px;
  right: -1px;
  background: #98958cd1;
}


/*! TU RANKING */

.textw30{
  font-size: 25px;
  color: #fff;
}
.textw48{
  font-size: 40px;
  color: #fff;
  line-height: 46px;
}

/*! FOOTER */

footer{
  background:#00172d;
}
footer a{
  color: #ffffff;
  text-decoration: underline;
}

.text-footer {
  font-size: 0.8em;
  color: #fff;
}


.hr-mobile {
  display: none;
  
}

/*! Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
  .pp{
    width: 90%;
    margin: auto;
  }
 }
/*! Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) and (max-width: 767.98px) { 
  .container {
  max-width: 90%;
  }
 }

/*! MEDIA QUERIES */

@media (min-width: 1300px){
	.container {
	  max-width: 1280px;
	}
	.escudo {
	  margin-top: 3px;
	  margin-left: -45px;
	  
	}
}
@media (max-width: 990px) {
    .header {
     height: auto;
}
.navbar-nav {
  margin-top: 10px;
}
}

@media (max-width: 1024px) {
    .h1 {
  font-size: 48px;
}
.ml-fecha{
  margin-left: auto !important;
}
}


@media (max-width: 575.98px) {
  .btn-primary {
  font-size: 28px;
}

  .flag{
    width: 90%;
  }
    .hr-mobile {
      visibility: visible;
      display: block;
      border-top: solid 2px #ffffff;
      width: 100%;
    }
    .header {
     height: auto;
}
.navbar-nav {
  margin-top: 10px;
}
.nav-link {
  display: block;
  padding: 0px;
}
.btn-secondary {
  font-size: 15px;
  margin-top: -1px;
  margin-left: 12px;
  margin-right: 0px;
  padding: 2px 4px 0px 5px;
  }
.btn-light {
  margin-left: 0px;
  margin-top: 3px;
  margin-bottom: 10px;
}
}