@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/*! COLORES VARIABLES */
 :root {
     --azul-1:#01348f;
     --azul-2:#00172d;
     --azul-3:#003259;
     --azul-4:#0076b5;
     --azul-5:#006994;
     --blanco:#ffffff;
}
/*! BODY HTML */
 html, body{
     height: 100%;
     max-height:100%;
     height: 100vh;
     
}
 body{
    background-image: url(../img/bg-home.jpg);
     background-repeat: no-repeat;
     background-position: center center;
     background-attachment: fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover !important;
     -webkit-font-smoothing:antialiased;
     font-family: 'Roboto', sans-serif;
}
/*! TITULOS Y TEXTOS */
 h1, h2, h3, h4{
    font-family: 'Oswald', sans-serif;
     text-rendering: geometricPrecision;

}

#campe a{
color: #ffffff;
text-decoration: underline;
}

#campe a:hover{
    color: #fcdd00;
}

a {
    color: #ffffff;
    }
 h1{
  font-size: 24px;
  font-weight: bolder;
  margin-bottom: 0px;
  line-height: 45px;
  color:#020d18;

}
 .h1{
     font-size: 60px;

     color: var(--azul-2);
     text-rendering: geometricPrecision;
}
a:hover{
    color: #21a0d2;
}
 h2{
     color:#fff;

}
 h3{
    font-size: 20px;

    font-weight: 800;
    text-transform: uppercase;
}
 .h3{
     font-size: 36px;

     color: var(--azul-2);
     text-rendering: geometricPrecision;
}
 h4{
     font-size: 46px;
     font-weight: bolder;
     text-transform: uppercase;
}
 h4 small{
     font-size: 20px;
     text-transform: none;
}
 h5{
     font-size: 13px;
}
 h6{
     font-size: 23px;
}
 .fzise120{
     font-size: 120px;
}
 .fzise100{
     font-size: 100px;
}
 .fzise60{
     font-size: 60px;
}
 .fzise48{
     font-size: 48px;
}
 .fzise36{
     font-size: 36px;
}
 .fzise30{
     font-size: 30px;
}
 .fzise20{
     font-size: 20px;
}
 .textw30{
     font-size: 25px;
     color: #fff;
}
 .textw25{
     font-size: 25px !important;
     color: #fff !important;
}
 .textw13{
     font-size: 13px;
}
 .textw48{
     font-size: 40px;
     color: #fff;
     line-height: 46px;
}

.ribbonhome{
        background: white;
    color: #1c2b84;
    padding: 6px 14px;
    border-radius: 4px;
    width: 100%;
    display: block;
    text-align: center;
    color: #1c2b84;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: #21a0d2;
}
.custom-radio .custom-control-label::before {
    border-radius: 0;
}
.custom-control-label::before {
    position: absolute;
    top: 1px;
    left: 4px;
    }
.custom-control-label::after {
    position: absolute;
    top: 1px;
    left: 4px;
}
.custom-control-inline {

    margin-right: 0px;
    }
/*! COLORES */
 .blanco{
     color: #fff
}
 .negro{
     color: #060606;
}
.custom-control-label::before {
  background-color: rgba(76, 128, 162, 0.3215686274509804);
  }
 .cologreen{
     color:#21792b;
}
.navbar{
    padding: 0px;
}
.premionumero{
      background: #080808;
  padding: 10px 14px;
  border-radius: 70px;
  color: #fff;
  /* width: 20px; */
  /* height: 20px; */
  line-height: 20px;
  margin-right: 10px;
  text-align: center;
}
/*! VALIDACIONES */
 .valid-feedback {
     font-size: 15px;
     text-align: center;
     color: #1b2934;
     font-weight: bold;
     background: rgba(0, 141, 11, 0.32);
     text-transform: uppercase;
     padding: 8px;
     border: solid 1px #077518;
     border-radius: 4px;
}
.invalid-feedback {
    color: #000000;
    text-align: center;
    border: solid 1px red;
    padding: 11px;
    background: rgba(255, 0, 0, 0.18823529411764706);
    margin-bottom: 8px;
    margin-top: 0px;
}
 .alert{
     text-align: center;
       margin-top: 30px;
}
 .alert .m-alert__actions{
     margin:auto;
}
 .alert-warning {
     color: #ffffff;
     background-color: #f52323bd;
     border-color: #730306;
     font-size: 19px;
}
 .alerta-pronostico{
    border: #bc1353 3px solid
}
 .alerta-pronostico .inputoscore{
     background: #e8deb9;
}
/*! TABLE FIXED */
 .table-fixed thead {
     position: fixed;
}
 .table-fixe-h {
     height: 350px;
}
 .table td, .table th {
  border-top: 1px solid rgb(169, 235, 255,) !important;
  color: #180d00;
}

 
.tituloama{
     color:#000 !important;
}
/*! UTILIDADES */
 .br5{
     border-radius: 5px;
}
 .shadow{
    -webkit-box-shadow: 0px 0px 20px 0px rgba(169, 169, 169, 0.31);
    -moz-box-shadow: 0px 0px 20px 0px rgba(169, 169, 169, 0.31);
    box-shadow:0px 0px 20px 0px rgba(169, 169, 169, 0.31);
}
 .shadowsvg {
     -webkit-filter: drop-shadow( -5px 1px 20px #000 );
     filter: drop-shadow( -5px 1px 20px #000 );
}
 .arrowm .dropdown-toggle{
     padding: 3px 10px;
     font-size: 22px;
     font-weight: bold;
}
 .arrowm .dropdown-toggle::after {
     position: absolute;
     right: 10px;
     top: 17px;
}
.mispronosticos .dropdown-menu {
     width: 100%;
}
/*! MODALES */
 .modal-body{
     padding: 0px
}
 .modal-content {
     background-color: transparent;
     border-radius: 0px;
     border:none
}
 .closemodal{
     width: 20px;
         margin-top: -20px;
}
 .close {
     position: absolute;
     right: 2px;
     z-index: 9999;
     top: 7px;
     opacity: 1;
     width: 27px;
}
 .media-body{
     font-size: 12px;
}
.posiciones{
     font-size: 20px;
       color: #ffffff;
}

/*! HEADER */

 .header{
     z-index: 1;
     position: relative;
     background: #21a0d2;
}
.logo{
    width: 119px;
    padding: 12px 0px;
}
.logo2{
    width: 180px !important
}
.font-loguin{
     font-size: 16px;
     color: #fff;
}
.font-18-l{
     font-size: 18px !important;
}

 .navbar-toggler img{
    width: 35px;
 }
 .nav-link{

    font-size: 23px;
     font-weight: bold;
    color: #ffffff;
     text-transform: uppercase;
     text-rendering: geometricPrecision;

     -webkit-transition: all 0.25s ease-in-out;
     -moz-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
}
 .nav-link:hover{
     color:#1b2b84 !important;

}
 nav .active a{
    color:#1b2b84 !important;

}
 .dropdown-menu {
     background-color: #21a0d2;
     border: none;
     border-radius: 0px;
}
 .dropdown-item {
     display: block;
     width: 100%;
     padding: .25rem 1.5rem;
     clear: both;
     font-weight: 600;
     color: #ffffff;
     text-align: inherit;
     text-transform: uppercase;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
}
 .dropdown-divider {
     height: 0;
     margin: .5rem 0;
     overflow: hidden;
     border-top: 1px solid #085a93;
}

 .iconos-cabezales{
     float: left;
     font-size: 50px;
     background: white;
     border-radius: 100px;
}
.mobile-links{
     margin-left: 37px;
}
.ranking-icon{
     width: 32px;
}

/*! 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:rgb(169, 235, 255,1) ;
}
.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #a9ebff;
}
 .logomodal{
     font-size: 100px;
     display: block;
     margin-top: 20%;
}
 .logomodal-bajada{
     width: 125px;
}
 small.alink a{
     color: white;
     text-decoration: underline;
     display: block;
}
 .modal-header .close {
     padding: 0;
     margin: 0;
}
.modal-header{
     padding: 0px;
}
 .lupa{
     width: 24px;
     margin-top: -6px;
     margin-left: 7px;
}
/*! BUTONS */
 .btn{
        font-weight: 900;
     text-rendering: geometricPrecision;
}
 .btn-light{
    background: #21a0d2;
    color: white;
    border-color: #b3eae3
}
.btn-light:hover {
  color: #ffffff;
  background-color: #21a0d2;
  border-color: #21a0d2;
  }
 .btn-primary {
  color: #fff;
    background-color: #1c2b84;
    border-color: #1c2b84;

}
.btn-primary:hover, .btn-secondary:hover, .btn-verde:hover {
    color: #fff;
    background-color: #1c2b84;
    border-color: #1c2b84;
}
.f13{
    font-size: 13px !important
}

 .btn-secondary {
color: #fff;
    background-color: #1c2b84;
    border-color: #1c2b84;
  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; */
}
.small, small {
  font-size: 17px;
  font-weight: 400;
  color: #313131;
  }
 .btn-verde {
    color: #fff;
    background-color: #f52a59;
    border-color: #f52a59;
    font-size: 19px !important;
    line-height: 38px !important;
    border-radius: 43px;
    text-transform: uppercase;
}
 .btn.random-bet {
     background-color: transparent;
     border-color: white;
     color: white;
     padding: 5px 10px 0px 10px;
}
 .btn.random-bet:hover {
     border-color: #00528d;
     background-color: #00528d;
}
 .btn-buscar {
    color: #fff;
    background-color: #21a0d2;
    border-color: #21a0d2;
    font-size: 25px;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 4px 20px;
    width: 100%;
}
.btn-outline {
     background-color: transparent !important;
     border-color: #ffffff !important;
}
.btn-outline:hover {
     background-color: #00538d!important;
}
/*! BACKGROUNDS */
.resultados{
     width: 100px;
}
 .bg-wso{
     background: #ffffff !important;
          -webkit-transition: all 0.25s ease-out;
     -moz-transition: all 0.25s ease-out;
     transition: all 0.25s ease-out;

}

 .bg-w{
     background: rgba(255, 255, 255, 0.9);
}
 .bg-wmodal {
     background: rgba(251, 251, 251, 0.95);
}
 .bg-warning-no-resultado{
     background: rgba(230, 113, 37, 0.3);
}
 .bg-o{
     background:rgba(243, 84, 10, 0.8);
}
 .bg-o-d{
     background: rgba(243,83,10,0.88);
     background: -moz-linear-gradient(left, rgba(243,83,10,0.88) 0%, rgba(243,83,10,0.88) 7%, rgba(243,83,10,0.58) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,83,10,0.88)), color-stop(7%, rgba(243,83,10,0.88)), color-stop(100%, rgba(243,83,10,0.58)));
     background: -webkit-linear-gradient(left, rgba(243,83,10,0.88) 0%, rgba(243,83,10,0.88) 7%, rgba(243,83,10,0.58) 100%);
     background: -o-linear-gradient(left, rgba(243,83,10,0.88) 0%, rgba(243,83,10,0.88) 7%, rgba(243,83,10,0.58) 100%);
     background: -ms-linear-gradient(left, rgba(243,83,10,0.88) 0%, rgba(243,83,10,0.88) 7%, rgba(243,83,10,0.58) 100%);
     background: linear-gradient(to right, rgba(243,83,10,0.88) 0%, rgba(243,83,10,0.88) 7%, rgba(243,83,10,0.58) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3530a', endColorstr='#f3530a', GradientType=1 );
}
 .bg-r{
     background: rgba(103,21,31,0.58);
     background: -moz-linear-gradient(top, rgba(103,21,31,0.58) 0%, rgba(166,28,38,0.88) 93%, rgba(171,29,38,0.88) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(103,21,31,0.58)), color-stop(93%, rgba(166,28,38,0.88)), color-stop(100%, rgba(171,29,38,0.88)));
     background: -webkit-linear-gradient(top, rgba(103,21,31,0.58) 0%, rgba(166,28,38,0.88) 93%, rgba(171,29,38,0.88) 100%);
     background: -o-linear-gradient(top, rgba(103,21,31,0.58) 0%, rgba(166,28,38,0.88) 93%, rgba(171,29,38,0.88) 100%);
     background: -ms-linear-gradient(top, rgba(103,21,31,0.58) 0%, rgba(166,28,38,0.88) 93%, rgba(171,29,38,0.88) 100%);
     background: linear-gradient(to bottom, rgba(103,21,31,0.58) 0%, rgba(166,28,38,0.88) 93%, rgba(171,29,38,0.88) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67151f', endColorstr='#ab1d26', GradientType=0 );
}
 .bg-trans{
     background: transparent !important;
}
 .bg-azul{
     background: #1c2b84 !important
}

.bg-azulmodal:before {
    background-image: linear-gradient(90deg,#1c2b84 25%,hsla(0,0%,100%,0));
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

 .bg-azulmodal{
   background-color: #1c2b84;
     background-image: url(../img/pattern-7.png);
}


.page-header.purple .page-header__pattern-background {

}

 .bg-verde {
     background: #1c2b84 !important
}
 .bg-rojos{
     background:#7b2d2b;
     color: #fff;
}

 .bg-azul {

}
.bordeaux{
      color: #232323;
}
.bordeauxbg{
      background:  #21a0d2;
}
 .bg-puntos{
    background: #21a0d2;
    text-transform: none;
    color: #fff;
     width: 100px;
     font-weight: 900;
}

._1,._3,._4,._5,._9 {
    background: #28b023;
}

._0{
    background: red;
}

 .bg-puntos.red {
     background: #57000d;
}
.prognostic-matches-row .bg-wso:hover{
     background:#b5e9ff !important
}
/*! FOOTER */
 footer{

}
 footer a{
    color: #ffffff;
    
     font-size: 15px;
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 footer a:hover{
     color: black;
     text-decoration: none;
 }
 .text-footer {
     font-size: 0.8em;
     color: #fff;
}
 .hr-mobile {
     display: none;
}
/*! CHAT */
 .clase-mensaje-propio{
     float: right;
     text-align: right;
}
/*! PREMIOS */
 .premios{
     background:url(../img/bgstar.png) #0076b5;
     background-repeat: no-repeat;
     padding: 50px 100px;
}
 .premio-pos span{
     font-size: 30px;
     text-decoration: underline;
     position: relative;
     top: -22px;
}
 .text-shadow{

}
 .avion{
     margin-top: -50px;
}
 .avion2 {
     margin-top: 0px;
     margin-left: -49px;
}
 .chile{
     margin-left: -33px;
     margin-top: 16px;
}
.tooltip{

}
 .tooltip-inner {
     color: #000;
     background-color: #fff;
     border-color: #000;
          -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);
}
 .blanco a{
     text-decoration: underline;
     color: var(--blanco) !important;
}
 .mnt{
     margin-top: -8px;
}
 .ranking-forms .form-control {
     height: 47px !important;
}
 .icono-menu-usuario{
     margin-top: -5px;
     width: 34px;
}
 .nsmicon .btn-verde img{
     width: 33px;
     margin-right: 9px;
     margin-top: -5px;
}
 .redes{
     width: 39px;
     margin: 0px 10px;
}
 .color-text-blue {
     color: #00172d !important;
}
 .armarpenka .icon-persona:before{
     color: #00172d !important;
}
 .border-xn{
     border:none !important;
}

/*! 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: 8px;
}
 .pais{
     width: 32px;
     font-size: 27px;
     color: var(--azul-2);
     margin-top: -6px;
     margin-left: 13px;
     display: block;
}
 .fechahora{
     font-size: 11px;
     line-height: 12px;
     text-align: center;
     width: 130px;
}
 .flag-listado{
     width: 30px;
     height: 20px;
}
 .tick{
     font-size: 31px;
     margin-top: -3px;
     display: block;
}
 .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: #01348f;
     font-size: 26px;
}
 .cuenta-regresiva span{
     font-size: 36px;
}
 .cuenta-regresiva img{
     margin-top: -11px;
     margin-right: 9px;
}
 .bgpelota{
     background-image: url(../img/bgpelota.png);
     background-position: 190px -7px;
     background-repeat: no-repeat;
}
 .bgpersonas{
     background-image: url(../img/personasbg.png);
     background-position: 190px -27px;
     background-repeat: no-repeat;
}
 .pelotabanner{
     width: 42px;
     left: 30px;
     top: 29px;
}
 .iconoganar{
     width: 45px;
     margin-top: -10px;
     margin-right: 12px;
}
 .icon-estrellita{
     font-size: 30px;
     display: inline-block;
     -webkit-transition: 0.6s ease-out;
     -moz-transition: 0.6s ease-out;
     transition: 0.6s ease-out;
}
 .icon-estrellita:hover{
     -webkit-transform: rotateZ(320deg);
     -moz-transform: rotateZ(320deg);
     transform: rotateZ(320deg);
}

 .m-alert__actions{
     display: none
}
 div.ranking-puntos {

     -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;
}
 tr.listado-pronosticos:hover div.ranking-puntos {
     display: block;
}
 .ranking-puntos a{
     font-size: 15px !important;
}
 .fa-spinner {
     font-size: 40px;
     color: #00172d;
     margin-top: 10%;
}
/*! BLOQUE PRONOSTICOS*/
 .mispronosticos.nav-tabs .nav-item.show .nav-link, .mispronosticos .nav-tabs .nav-link.active {
ont-size: 25px;
  color: #ffffff;
  background: #1c2b84;
  margin:1px 3px;

}
 .mispronosticos .nav-tabs {
     border-bottom: transparent;
     font-size: 23px;
     border-radius: 5px;
}
 .mispronosticos .nav-link{
    font-size: 25px;
    color: #ffffff;
    background: #00b7f0;
    margin: 1px 3px;
    border: solid 2px #1c2b84 !important;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-radius: 5px;

  }
 .mispronosticos .nav-tabs .nav-link:hover {
    border-color: transparent;
    color: #ffffff !important;
    text-decoration: none;
    background: rgb(28 43 132);
}
 .form-control {
     font-weight: 800;
}
 .iconpronostico{
     margin-top: -7px;
}
 .smallinfo{
     font-size: 13px;
     line-height: 17px;
     display: block;
}
 .inputoscore{
  width: 75px;
  background: #f1f1f1;
  /* border: none; */
  border-radius: 100px;
  color: #00172d;
  text-align: center;
  font-size: 20px;
  line-height: 31px;

}
 .mispronosticos .flag{
      width: 43px;
}
 .mispronosticos .tick{
     width: 40px !important;
     font-size: 40px;
     position: absolute;
     right: 212px;
     bottom: 38px;
}
 .estadio{
     height: 76px;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 .media {
     padding: 10px;
     margin-bottom: 10px;
     width: 80%;
     border-radius: 8px;
     background: white;
}

 .info-resultado{
    font-size: 12px;
     color: #ffffff;
     letter-spacing: 1px;
}
.bg-verde .info-resultado{
     color: #fff;
     font-weight: bold;
}
 .bg-puntos b {
     font-size: 30px !important;
     line-height: 23px !important;
}
 .separated{
     padding: 0px 40px;
     color: #fafe26;
}
 .line::after {
  content: "";
  width: 12px;
  height: 2px;
  position: absolute;
  top: 23px;
  right: -7px;
  background: #999;
}
 .pendiente{
     background: #777777 !important;
     color: #fff;
     border-top: solid 1px #a9a89d;
     color: #fef9db;
     font-size: 14px;
}
 .dropdown-item.active, .dropdown-item:active {
     color: #fff;
     text-decoration: none;
     background-color: #00528d;
}
 .logged-in .country-row:not(.has-prognostic):hover > .pronosticar {
     display:block;
     width: 146px;
}
 .country-row:not(.has-prognostic) > .pronosticar {
     display:none;
}
 .logged-in .country-row:not(.has-prognostic):hover > .match-date {
     display:none;
}
 svg {
     vertical-align: middle;
     border-style: none;
}
.calendario{
       width: 15px;

  margin-right: 5px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: inherit;
    right: 20px;
}
/*! 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: 95%;
    }
}

/*! MEDIA QUERIES */
 @media (min-width: 1300px){
h1{
        font-size: 35px;
}
.flag1{
        position: absolute;
    top: 1px;
    right: 104px;
}
.flag2{
        position: absolute;
    top: 1px;
    left: 98px;
}
.score1{
        position: absolute;
    top: 1px;
    right: 15px;
}
.score2{
        position: absolute;
    top: 1px;
    left: 13px;
}
.line::after {
content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    top: 25px;
    right: -5px;
    background: #001542;

    }
}
 @media (max-width: 990px) {
     .header {
         height: auto;
    }
     .navbar-nav {
         margin-top: 10px;
    }
     h4 small {
         display: block;
    }


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

     .icon-escudo{
         font-size: 31px;
    }
    .logo {
width: 129px;
    padding: 10px;

}
.navbar-toggler {
    padding: 0.55rem 0.75rem;
    font-size: 0.25rem;
    line-height: 1;
    background-color: #1c2b84;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-right: 10px;
        position: absolute;
           top: 13px;
    right: 0px;
}
.usermobile{
    position: absolute;
    right: 81px;
    top: 18px
}
}
 @media (max-width: 575.98px) {

h1 {

    line-height: 37px;
}
.flag1{
        position: absolute;
    top: 5px;
    right: 11px;
}
.flag2{
        position: absolute;
    top: 5px;
    left: 11px;
}
.toggle.btn-sm {
    min-width: 3.125rem;
    min-height: 1.938rem;
    margin-top: 10px;
    margin-bottom: 10px;
}
     body.modal-open {
    
     }
     html,body{
          -webkit-overflow-scrolling: touch !important;
          overflow: auto !important;
          height: 100% !important;
     }
     .fullbutton{
          width: 100%;
     }
     .ranking-puntos .icon-info-azul:before{
          color: white !important
     }
     .pp{
          width: 95%;
     }
     #twitter-widget-0{
          padding-left:15px !important;
          padding-right:15px !important;
     }
     .bg-wmodal {
          background: rgba(251, 251, 251, 0.75);
     }
     #login_form .btn-secondary{
          width:100%;
          margin-left: 0px;
          font-size: 25px;
     }
     #recuperar_buttom{
          width:100% !important;
          margin-left: 0px !important;
          font-size: 25px !important;
     }
     .tacho{
         font-size: 16px !important;
    }
     .icon-avion-solo{
         margin-left:0px;
    }
    .btn-buscar{
     padding: 4px 0px;
    }

     .corriendo-rank{
         font-size: 36px;
    }
     h6{
         font-size: 17px;
    }
     .person-btn{
         margin-left: -9px !important;
    }
     .premios {
         padding: 20px;
    }
     .chile {
         margin-left: 0px;
         margin-top: -24px;
    }
     .avion {
         margin-top: 0px;
    }
     .fzise120 {
         font-size: 58px;
    }
     .lupa {
         font-size: 25px;
         margin-top: 0px;
         margin-left: 0px;
    }
     .btn-primary {

  text-align: center;
    }
     .flag{
        width: 40% !important;
        margin: 10px 0px;
    }
     .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-secondary-chico {
         font-size: 20px !important;
         margin-top: -9px !important;
         margin-left: 12px !important;
         margin-right: 0px !important;
         padding: 2px 10px 0px 10px !important;
    }
     .btn-secondary-detalle {
         font-size: 20px !important;
         margin-top: 8px;
         margin-left: 0px !important;
         width: 100%;
         margin-right: 0px !important;
         padding: 2px 10px 0px 10px !important;
    }
     .btn-light {

    }
     h4 small {
         display: block;
    }
     .p-xs-0{
         padding: 0px;
    }
     .estadio {
         height: 39px;
         width: 300px;
         padding-left: 15px;
         margin-bottom: 10px;
    }
     .line::after {
content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    top: 30px;
    right: -6px;
    background: #01123e;
    }
     .mispronosticos .tick {
         width: 40px !important;
         position: absolute;
         right: 50%;
         margin-right: -20px;
         top: 13px;
    }
     .separated {
         padding: 0px 0px;
    }
     .info-resultado {
         font-size: 14px;
    }
     .bg-puntos {

    }
     .inputoscore{
    margin: auto;
    font-size: 30px;
    line-height: 31px;
    width: 50%;
    margin-bottom: 11px;
    }
     .pronostico-center{
         text-align: center !important;
    }
     .pagerank tr td{
         font-size: 13px;
    }
     .table-fixe-h{
    }
     .icon-persona{
         margin-left: -4px;
    }
     .pais {
         width: 25px;
         font-size: 23px;
         line-height: 41px;
         margin-top: -6px;
         margin-left: 9px;
         display: block;
    }
     .flag-listado {
         width: 30px;
         height: 20px;
    }
     .fechahora {
         font-size: 9px;
         line-height: 12px;
         text-align: left;
         padding-left: 7px;
         width: 126px;
    }
    h4 {
  font-size: 42px;
}
}

/* Landscape */
 @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
     .flag{
         width: 70%;
    }
     .pp{
         width: 85%;
         margin: auto;
    }

}
/* Landscape */
 @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .flag{
         width: 70%;
    }
     .pp{
         width: 80%;
         margin: auto;
    }

.flag1{
        position: absolute;
    top: -6px;
    right: 95px;
}
.flag2{
        position: absolute;
    top: -6px;
    left: 95px;
}
}
/* Landscape */
 @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .flag{
         width: 70%;
    }
     .pp{
         width: 90%;
         margin: auto;
    }
    .flag1{
        position: absolute;
    top: -5px;
    right: 95px;
}
.flag2{
        position: absolute;
    top: -5px;
    left: 95px;
}
}
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
     .fechahora {
         font-size: 11px;
         line-height: 10px;
         text-align: left;
         display: inline-block !important;
         margin-bottom: 0px;
         margin-left: 30px !important;
         width: 240px;
    }
     .cuenta-regresiva {
         color: #01348f;
         font-size: 16px;
    }
     .pelotabanner {
         display: none;
    }
     .iconoganar {
         display: none;
    }
     .siguiente-partido .col-lg-6{
         max-width: 100%;
         flex: 0 0 100%;
    }
     .pp{
         padding: 0px 70px;
    }
}
 @media (min-width: 576px) and (max-width: 767.98px) {
     .prognostic-form{
         padding: 10px;
    }
     .mispronosticos .tick {
         right: 58px;
         bottom: 31px;
    }
     h1 {
         font-size: 31px;
    }
}
 @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
     .mispronosticos .tick {
         right: 122px;
    }
}
 @media (min-width: 768px) and (max-width: 1024px) {
     .mispronosticos .tick {
         right: 20% !important;
    }
     .icon-bola{
         display: none !important
    }
     .logo-frase {
         margin-top: -10px;
         width: 246px;
    }
}
 @media (min-width: 1100px) and (max-width: 1280px) {
     .pelotabanner {
         width: 42px;
         left: 16px;
    }
     .fechahora {
         width: 100px;
    }
     .logged-in .country-row:hover > .pronosticar {
         width: 116px !important;
    }
     .tick {
         margin-top: -3px;
    }
     .mispronosticos .tick {
         right: 174px;
    }
}
 @media (max-width: 330px){
     .pp{
          margin-left: 9px;
     }
     .fechahora {
         width: 80px;
    }
}
svg {
  vertical-align: middle;
  border-style: none;
}

.flags {
    width: 46px;
    background-size: 321px;
   }

.flags.kor { background-position: 0 -224px; }
.flags.srb { background-position: 0 -336px; }
.flags.nga { background-position: 0 -448px; }
.flags.den { background-position: 0 -560px; }
.flags.irn { background-position: 0 -672px; }

.flags.col { background-position: 0 -896px; }
.flags.tun { background-position: 0 -1008px; }
.flags.swe { background-position: 0 -1120px; }
.flags.crc { background-position: 0 -1232px; }
.flags.cro { background-position: 0 -1344px; }
.flags.per { background-position: 0 -1456px; }
.flags.mar { background-position: 0 -1568px; }
.flags.egy { background-position: 0 -1680px; }
.flags.sen { background-position: 0 -1792px; }
.flags.pan { background-position: 0 -1904px; }
.flags.mex { background-position: 0 -2016px; }
.flags.sui { background-position: 0 -2128px; }
.flags.isl { background-position: 0 -2240px; }

.flags.esp { background-position: 0 -2464px; }
.flags.ksa { background-position: 0 -2576px; }
.flags.pol { background-position: 0 -2688px; }
.flags.bel { background-position: 0 -2800px; }
.flags.ger { background-position: 0 -2912px; }
.flags.bra { background-position: 0 -3024px; }


.flags.por { background-position: 0 -3360px; }

.flags.uru { background-position: -92px -241px }
.flags.bra { background-position: -229px -120px; }
.flags.arg { background-position: -46px 0px}
.flags.col { background-position:-229px -60px }
.flags.per { background-position: -138px 0px}
.flags.bol { background-position:-92px -121px }
.flags.chi { background-position:-275px -60px; }
.flags.ven { background-position: -183px -60px}
.flags.par { background-position: -275px -181px}
.flags.ecu { background-position: -275px -121px}
.flags.nz { background-position: -184px -181px}
.flags.sud { background-position:-276px 0px}
.flags.ita { background-position:-184px -121px}
.flags.nam { background-position:-92px -181px}
.flags.can {background-position: 0px -60px}
.flags.ton {background-position: 0px -241px;}
.flags.usa {background-position: -137px -241px}
.flags.fij {background-position: 0px -121px}
.flags.gal {background-position: -184px -241px}
.flags.geo {background-position: -137px -121px}

a.see_more{
    padding: 10px 30px;
    border: solid 2px #21a0d2;
    display: block;
    text-align: center;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
    color: #21a0d2;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #1c2b84;
}

.alert-success {
    color: #21a0d2;
    background-color: #ffffff;
    border-color: #21a0d2;
    }
.nav-pills .nav-link, .nav-pills .show>.nav-link {
    font-size: 18px;
    padding: 9px;
    margin-right: 8px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {

    background-color: #001959;

}


div.toggle[disabled="disabled"]{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.ranking-forms .nav-link{
    color: #22a0d2 !important
}

.ranking-forms .bg-azul {
    background: #22a0d2 !important;
}