.check_mark {
  width: 80px;
  height: 130px;
  margin: 0 auto;
}

.hide{
  display:none;
}

.sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.sa-icon.sa-success {
  border-color: #4CAF50;
}

.sa-icon.sa-success::before, .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}

.sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(76, 175, 80, .5);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

.sa-icon.sa-success {
  border-color: transparent\9;
}
.sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9;
}
.sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9;
}

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

.sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #4CAF50;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg);
  }
}


.navbar-nav>li {
margin-right: 17px;
}
.navbar-brand {padding-top: 2px;
margin-right: 70px;}
.btnSP{border-radius: 0px; }
.btn-primary{background-color: #E9F300; border-color: #E9F300; color:#5B072A;border-radius: 0px;}
.btn-success{border-radius: 0px; background-color: #5B072A; border-color: #5B072A; color:#E9F300;}
.btn-primary:hover{border-radius: 0px; background-color: #5B072A; border-color: #5B072A; color:#E9F300;}
.btn-success:hover{border-radius: 0px; background-color: #E9F300; border-color: #E9F300; color:#5B072A;}
.nav-pills>li>a {border-radius: 0px;}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #115bde;
}
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus{ background-color:#9A2B4F ; border-color: #9A2B4F; color:#E9F300;}
.padding0{ padding: 0;}
.padding10{ padding-top: 10px;}
.padding20{ padding-top: 20px;}
.padding50{ padding-top: 50px;}
.padding100{padding-top: 100px;}
.center{margin: 0 auto; display: block;}
.navbar {
border-radius: 0px;
}
/*.SpMenu2{ background: url(../img/botonera_fondo.png) repeat-x; border:none;color:#FFF;}*/
.SpMenu2{ background: #5B072A;}

.SpMenu{ background: url(../img/botonera_fondo.png) repeat-x; border:none;color:#FFF;}
.SpMenu ul>li{width:25%; text-align: center;}
.menuItem .item{ text-transform: uppercase; margin-top: 12px;float: left;font-size: 1.17em; color: #fff; cursor: pointer;}
.navbar-default .navbar-nav>li>a {
color: #E9F300;
}
#noticias{ float: left; padding: 0;}

.flag{ border: #CCC 1px solid;}


#noticias .block{

	/*min-height: 450px;*/
    margin-top: 15px;

    overflow: hidden;
    padding: 0;
    box-shadow: 1px 1px 5px #8b8b8b;
}
#noticias .block .thumbnail{padding: 0; background: none; border: none;}
#noticias .block .thumbnail .caption{}
.thumbnail .caption h3{ font-size: 1.2em; color: #333333;}
.thumbnail .caption h4{ font-size: .9em; color:#5b5b5b;}
#noticias .block .thumbnail .img{ float: left; width: 100%; background-size: cover; background-repeat: no-repeat; height: 160px; margin-bottom: 15px;}
#noticias .block .thumbnail .img .cat{position: absolute;padding: 2px 6px; color: #FFF; background-color: #000; left:50%; margin-left: -50px; top: 235px;}

.juegos{ background-color: #9A2B4F; padding:  10px; margin-top: 40px; float: left; width: 100%; margin-bottom: 10px;}
.juegos .equipos{ font-family: Roboto; font-size: 20px; width: 100%; }
.juegos .equipos .equipoa{float: left;}
.juegos .item .medio{ width: 5%; float: left;height: 50px;}
.juegos .equipos .equipob{float: left;}
.juegos .item .hora{ text-align: left; width: 100%; float: left;}
.juegos .item{ float: left; margin: 1% 2%; width: 20%; background-color: #9A2B4F; color: #E9F300;}

.ListaGrupos{ float: left; display: block; position: relative; width: 100%;}
.ListaGrupos .grupo{ float: left; width: 10.5%; margin: 1%;}

.stitulo{ font-family: Roboto;  color: #0f61e9;}
.quiniela{}
.quiniela .publicidad{  padding-bottom: 20px;}
.quiniela ul{list-style: none; padding: 0;}
.quiniela .juego{ background-color: #fff;width: 100%; float: left;  padding: 0;  border: 1px #cccccc solid; margin-bottom: 3%; margin-top: 2%; }
.quiniela .juego:hover{border: 5px solid #0f61e9; border-bottom:9px solid #0f61e9;  }
.quiniela .stop{border: 5px solid #0f61e9; border-bottom:9px solid #0f61e9;  }
.quiniela table tr td{height: 1.8em; font-size: 1.1em;}
.quiniela .body{padding: 1.7em 4px;}
.quiniela .footerq{background-color: #0f61e9; margin-top: 2%; color: #FFF;}
.MiScore{margin:0 auto; width: 302px; height: 247px; background: url(../img/bg__2019_puntos.jpg) no-repeat; position: relative; float: initial;}
.MiScore .puntos{background: url(../img/miquiniela.png) no-repeat center; width: 100%; height: 178px;  margin: 0 10% 0 auto; position: relative;   }
.MiScore .puntos h1{font-family: Roboto; font-weight: 800 ;color: #464646; text-align: center; position: relative; float: left; margin-top: 55px; width: 100%; font-size: 4em; }
.MiScore .ft{width: 100%; float: left; margin-top: 50px;}
.MiScore .ft a{float: left; margin-left: 22px;font-size: 1.1em;}

.MiScoreHome{margin:0 auto; width: 302px; height: 220px; background: url(../img/bg__2019_puntos.jpg) no-repeat; position: relative; float: initial; text-align: center; border-radius: 4px; }
.MiScoreHome .puntos{background: url(../img/miquiniela.png) no-repeat center; width: 100%; height: 178px;  margin: 0 10% 0 auto; position: relative;   }
.MiScoreHome .puntos h1{font-family: Roboto; font-weight: 800 ;color: #464646; text-align: center; position: relative; float: left; margin-top: 55px; width: 100%; font-size: 4em; }
.MiScoreHome  small{font-family: Roboto; color: #FFF; font-size: 1.2em;}

.MiScoreMovil .puntos{background: url(../img/miquiniela_movil.png) no-repeat center; width: 100%; height: 113px;  margin: 0 5% 0 auto; position: relative;  }
.MiScoreMovil .puntos h1{font-family: Roboto; font-weight: 800 ;color: #464646; text-align: center; position: relative; float: left; margin-top: 32px; width: 100%; font-size: 3em; }
.MiScoreMovil  small{font-family: Roboto; color: #FFF; font-size: 1em;}


.footerq .datos{width: 100%;background-color: #0f61e9;display: block;float: left; padding: 1% 0;}
.footerq .datos .btn{float: right; margin-top: 1%; margin-right: 5%; font-size: 1.2em;}
.footerq .datos .fecha{float: left; width: 33%; padding: 1em; font-size: 1.2em;}
.footerq .datos .sede{float: left; width: 33%; padding: 1em; font-size: 1.2em;}
.footerq .datos .compartir{float: left; width: 100%; padding: 0 1em; font-size: 1.2em;}
.footer{background-color: #000; margin-top: 10%; color: #FFF;}
.panel-default>.panel-heading {color: #E9F300;background-color: #5B072A;border-color: #5B072A; text-align: center;}
.add{ width: 100%; height: auto;}
.participantes{margin-right: 0; margin-left: 0;}
.participantes .item{float: left; position: relative; text-align: center;margin-top: 3%;margin-right: 7%; height: 80px;}
.participantes .item .img{ margin: 0 auto; width: 65px; height: 65px; box-shadow: 1px 1px 5px #8b8b8b;}
.pronosticoGrupo .item{float: left; position: relative; text-align: center;margin-top: 0;margin-right: 7%;}
.pronosticoGrupo .item .img{ margin: 0 auto; width: 64px; height: 64px;}
.pronosticoGrupo .premiado h4{ color: #fff;text-shadow: 2px 2px 5px #000; text-transform: uppercase; margin-left: 10px; margin-top: 25px;}
.pronosticoGrupo .premiado a{ color: #fff;text-shadow: 2px 2px 5px #000; text-transform: uppercase; margin-left: 10px; margin-top: 25px;}
.pronosticoGrupo .premiado h1{ color: #fff;text-shadow: 2px 2px 5px #000; text-transform: uppercase; margin-top: 10px; }
.pronosticoGrupo .nopremiado h1{ color: #000;text-shadow: none; text-transform: uppercase; margin-top: 10px; }
.pronosticoGrupo .nopremiado h4{ color: #000;text-shadow: none; text-transform: uppercase; margin-top: 10px; }
.pronosticoGrupo .nopremiado a{ color: #000;text-shadow: none; text-transform: uppercase; margin-top: 10px; }
.bggrama{background: url(../img/bggrama.jpg); color: #FFF;}
.bggrama h3{padding-top: 0px; margin-top: 12px;}
.bggrama .item{float: left; position: relative; text-align: center;margin-right: 7%; width: 60px; height: 60px; overflow: hidden;}
.progress {
overflow: hidden;
height: 34px;
/* padding-top: 15px; */
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 1em;
line-height: 34px;
color: #fff;
text-align: center;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
.coin{width: 60px; height: 68px; background: url(../img/puntos.png) no-repeat; text-align: center;}
.coin .t{ margin-top: 15px; width: 100%; float: left; text-align: center; font-size: 1.7em;}
.coinPoker{width: 60px; height: 68px; background: url(../img/POKER.png) no-repeat; text-align: center;}
.coinPoker .t{ margin-top: 15px; width: 100%; float: left; text-align: center; font-size: 1.7em; color: #FFF;}
.penaltis{margin-top: 5px;}
.penaltis .label-info{background-color: #0052ff;}

@media screen (min-device-width: 1200px) {
	#noticias .col-lg-4 {
	width: 31%;
	margin: 1%;
	}

}
@media (min-width:992px){

	#noticias .col-md-4 {
	width: 31%;
	margin: 1%;
	}
}
@media (max-width:992px){

	#noticias .col-sm-5{
	width: 48%;
	margin: 1%;
	}
	.juegos{margin-top: 0;}
}

@media(max-width:767px){
	#noticias .col-xs-12{
	width: 100%;
	margin: 1%;
	}
	.juegos{margin-top: 0;}
}