@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
h1, h2, h3, h4, h5, h6, body, .title span, .btn, .font-family2, .perfil-container .info .item {
	font-family: 'Open Sans';
	font-weight: 400;
}
.btn {
	color: #da1e48;
	font-weight: 700;
	font-size: 1.3em;
	letter-spacing: -1px;
}
.btn-sm {
	font-weight: 700;
	font-size: 1em;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #da1e48;    
}
.btn-success {
	color: #fff;
	background-color: rgba(69, 189, 207, 1);
	border-color: rgba(69, 189, 207, 1);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	background-color: rgba(69, 189, 207, 1);
	border-color: rgba(69, 189, 207, 1);
}
.btn-danger {
	color: #fff;
}

label {
	font-weight: 400;
}
.frame {
    background-image: url(../img/RICOH-HEROES-WALLPAPER_2.jpg);
}

.title span{
	line-height: 50px;
	background-color: #da1e48;
}
.title span:before {
	background-image: none;
	border-width: 14px;
	border: 1.6rem solid transparent;
	border-right-color: #da1e48;
	margin-left: -1.3rem;
}
.title span:after {
	background-image: none;
	border-width: 14px;
	border: 1.6rem solid transparent;
	border-left-color: #da1e48;
	margin-right: -1.3rem;
}
.title:before {
   background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 463.2 13.8" style="enable-background:new 0 0 463.2 13.8;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}.st1{fill:#FFFFFF;}</style><title>Untitled-3</title><line class="st0" x1="463.2" y1="6.9" x2="43.8" y2="6.9"/><polygon class="st1" points="6.9,3 7.7,5.5 10.3,5.5 8.2,7.1 9,9.6 6.9,8 4.8,9.6 5.6,7.1 3.4,5.5 6.1,5.5 "/><polygon class="st1" points="19.1,1.8 20.3,5.2 23.8,5.2 20.9,7.4 22,10.8 19.1,8.7 16.2,10.8 17.3,7.4 14.4,5.2 18,5.2 "/><polygon class="st1" points="33.9,0.7 35.3,5 39.8,5 36.2,7.6 37.6,11.9 33.9,9.3 30.2,11.9 31.6,7.6 28,5 32.5,5 "/></svg>');
}
.title:after {
	 background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 463.2 13.8" style="enable-background:new 0 0 463.2 13.8;" xml:space="preserve"><style type="text/css"> .st0{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;} .st1{fill:#FFFFFF;}</style><title>Untitled-3</title><line class="st0" x1="422.8" y1="6.9" x2="3.4" y2="6.9"/><polygon class="st1" points="460.5,5.5 463.2,5.5 461,7.1 461.8,9.6 459.7,8 457.6,9.6 458.4,7.1 456.3,5.5 458.9,5.5 459.7,3 "/><polygon class="st1" points="448.6,5.2 452.2,5.2 449.3,7.4 450.4,10.8 447.5,8.7 444.6,10.8 445.7,7.4 442.8,5.2 446.3,5.2 447.5,1.8 "/><polygon class="st1" points="434.1,5 438.6,5 435,7.6 436.4,11.9 432.7,9.3 429,11.9 430.4,7.6 426.8,5 431.3,5 432.7,0.7 "/></svg>');
}
.top-nav .menu a:before {
	background-image: none;
	background-color: #fff;
	border-top-left-radius: 100%;
	border-bottom-left-radius: 100%;
}
.top-nav .menu a:after {
	background-image: none;
	background-color: #fff;
	border-top-right-radius: 100%;
	border-bottom-right-radius: 100%;
}

.modal-grupo .modal-header h2 img {
	box-shadow: none;
}
.modal-canje h3 {
	font-size: 1.7em;
	text-transform: capitalize;
}
.modal-canje h3, .modal-canje h2 {
	font-weight: 600;
	letter-spacing: -1px;
}
.modal-canje h2 span {
	font-weight: 400;
}
.modal-canje em small {
	font-size: 12px;
}
.leaderboard .me td.puntos strong{
	font-size: 1.2em;
}
.leaderboard-group .leaderboard-scroll {
	max-height: 1500px;
}

.leaderboard.leaderboard-group .podio .position {
	width: 36px;
	height: 36px;
	font-size: 1.4em;
	line-height: 25px;
}
.leaderboard.leaderboard-group .podio .position img{
	width: 30px ;
	height: auto;
	position: absolute;
	right: -17px;
	top: 4px;
	z-index: 1;
}
.leaderboard.leaderboard-group .uppercase {
	width: auto;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: 800;
}
.leaderboard.leaderboard-group .jugadores {
	letter-spacing: 0;
}
.leaderboard.leaderboard-group td:first-child {
	width: 50px;
}
.leaderboard.leaderboard-group .podio .puntos {
	font-size: 1.4em;
}
.leaderboard-tabs a {
	font-size: 12px;
}
.leaderboard .me td.puntos strong {
	font-size: 1.4em;
}
.leaderboard .me td.puntos strong .alcance{
	opacity: .8;
	font-size: .7em;
}
.leaderboard .avatar {
	mask: none;
	-webkit-mask: none;
	-o-mask: none;
	-ms-mask: none;
	height: 45px;
	width: 45px;
	border-radius: 100%;
}
.leaderboard .me td {
	background-color: rgba(255,255,255,.2);
	color: #fff !important;
}
.leaderboard .me td:first-child:before {
	background-color: rgba(255,255,255,.3);
	transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
	border-bottom-left-radius: 100%;
	border-top-left-radius: 100%;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	width: 15px;   
}
.leaderboard .me td:last-child:after {
	background-color: rgba(255,255,255,.3);
	transition: all .2s ease 0s;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	border-bottom-right-radius: 100%;
	border-top-right-radius: 100%;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	width: 15px;   
}
.leaderboard .me td:first-child:before {
	display: none;
}
.leaderboard .me:hover td:last-child:after {
	background-color: #1b91d3;
}
.leaderboard .me:hover td:first-child:before  {
	background-color: #1b91d3;
}
.leaderboard tbody tr.me:hover td {
	background-color: rgba(255,255,255,.3);
}
.leaderboard .me:hover td:last-child:after {
	background-color: rgba(255,255,255,.4);
}

.sidebar .leaderboard .me td:first-child:before {
	display: none;
}
.sidebar .leaderboard .me td:last-child:after {
	display: none;
}
.sidebar .leaderboard tbody tr.me td, .sidebar .leaderboard tbody tr.me:hover td{
	background-color: transparent;
}


.home-container .add-favorito a{
	display: none;
}
.nav-profile .position span, .nav-profile .puntaje span {
	font-size: 1.5rem;
}

.nav-profile .avatar {
	width: 75px;
	height: 75px;	
	margin: 3px;
}
.nav-profile .avatar:before {
	background-image: none;
}
.nav-profile .avatar .img {
	mask: none;
	-webkit-mask: none;
	-o-mask: none;
	-ms-mask: none;
	border-radius: 100%;
	width: 75px;
	height: 75px;
	margin: 0;
	top: 0;
}
.nav-profile .avatar:after {
	mask: none;
	-webkit-mask: none;
	-o-mask: none;
	-ms-mask: none;
	border-radius: 100%;
	width: 75px;
	height: 75px;
}
.nav-profile .puntajes {
	padding-left: 95px;
}
.nav-profile .position, .nav-profile .puntaje {
	line-height: 27px;
}
.nav-profile .position span, .nav-profile .puntaje span {
	line-height: 27px;
}
.nav-profile .menu-perfil{
	width: 125px;
}
.leaderboard-tabs a {
	font-family: 'Open Sans';
	font-weight: 700;
}
.nav-profile .grupo {
	font-size: .9em;
}

.premios img.premio {
	border-radius: 20px;
	padding: 0;
	border: 7px solid rgba(255,255,255,.1);
}
.premios .premio h2 {
	font-size: 1.3rem;
	text-transform: none;
	font-weight: 300;
}
.premios button.btn-primary {
	background-color: #da1e48;
	color: #fff;
}
.premios button.btn-primary[disabled]{
	background-color: #eee;
	color: #aaa;	
}
.modal.rojo .modal-content{
	background-color: rgba(69,189,207,1);
}
.modal .leaderboard .avatar {
	position: relative;
}
.modal .leaderboard .avatar img {
	position: absolute;
	z-index: 100;
	top: -10px;
	right: -16px;
	width: 36px;
}

.indicadores .indicador-5{
	background-color: rgba(55, 239, 233, 0.44);
}
.indicadores .indicador-6{
	background-color: rgba(128, 217, 84, 0.44);
}
.indicadores .indicador-7{
	background-color: rgba(177, 174, 8, 0.54);
}
.indicadores .indicador-8	{
	background-color: rgba(235, 45, 55, 0.41);
}
.indicadores .indicador-9	{
	background-color: rgba(107, 148, 246, 0.41);
}
.indicadores .indicador-10	{
	background-color: rgba(0, 169, 238, 0.49);
}
.indicadores .indicador {
	margin-right: 22px;
}
.indicadores h3 {
	margin-bottom: 7px;
}