body {
  background-color: #f8f8f8;
  color: #001453;
  font-size: 0.9rem;
  font-family: "Barlow Semi Condensed", sans-serif;
}

.content-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .content-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
label {
  font-weight: bold;
}

label.error {
  color: red;
  font-weight: 400;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

h4 {
  font-size: 1.6em;
  color: #001453;
  font-weight: 100;
}

h4 b {
  font-weight: 600;
}

section {
  margin-top: 50px;
}

.no-shadow {
  box-shadow: none !important;
}

button:focus {
  outline: none;
}

.timer {
  border: 1px solid #ddd;
  border-radius: 10px;
  color: #495057;
  padding: 5px 10px;
  width: fit-content;
  font-weight: 500;
}

.box-white {
  margin-top: 15px;
  border-radius: 10px;
  width: 100%;
  padding: 15px;
  background-color: #ffffff;
  box-shadow: 1px 1px 5px #eaeaea;
}

.image_inner_container {
  border-radius: 50%;
  padding: 3px;
  background: #f8f9fa;
}

.image_inner_container.active {
  background: #001453;
}

.image_inner_container img,
.image_inner_container span {
  height: 110px;
  width: 110px;
  border-radius: 50%;
  border: 3px solid #e5e5e5;
  background: #ffffff;
  display: block;
}

@media (min-width: 768px) {
  .image_inner_container img,
.image_inner_container span {
    height: 131px;
    width: 131px;
    display: block;
  }
}
.avatar img {
  border-radius: 50%;
  width: 100%;
}

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

/* Loading
================================================== */
.scroll-loading {
  display: none;
  width: 64px;
  height: 64px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  position: relative;
}

.scroll-loading div {
  position: absolute;
  top: 27px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #333;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.scroll-loading div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
  -o-animation: lds-ellipsis1 0.6s infinite;
  animation: lds-ellipsis1 0.6s infinite;
}

.scroll-loading div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  -o-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}

.scroll-loading div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  -o-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}

.scroll-loading div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
  -o-animation: lds-ellipsis3 0.6s infinite;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
    -moz-transform: translate(19px, 0);
    -ms-transform: translate(19px, 0);
    -o-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}
.masthead {
  min-height: 5rem;
  /* width: 100%; height: auto; */
  background: #001453;
  position: relative;
}
.masthead .logo {
  margin: 6px 0px -65px;
  height: 100px;
}
@media (min-width: 992px) {
  .masthead .logo {
    height: 130px;
  }
}
.masthead.no-login .logo {
  position: absolute;
  left: 20px;
}

.menu-toggle {
  position: absolute;
  left: 10px;
  top: 15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  z-index: 999;
}
.menu-toggle:focus, .menu-toggle:hover {
  color: #fff;
}
.menu-left {
  left: 10px;
}

.menu-right {
  float: right;
  right: 0;
  margin: 26px 0px;
  font-size: 1em;
}
.menu-right .ingresar {
  margin-right: 15px;
  color: #ffffff;
}

.logo-center {
  margin: 0px auto;
  display: block;
  width: fit-content;
}

.premios {
  margin-top: 10px;
}
.premios .premios-carousel {
  width: 100%;
}
.premios .flickity-slider {
  height: inherit;
  max-height: 200px;
}
.premios .carousel-cell {
  padding: 10px;
  width: 100%;
  min-height: 100%;
  display: grid;
}
@media (min-width: 768px) {
  .premios .carousel-cell {
    width: 50%;
  }
}
.premios .carousel-cell .background {
  padding: 15px;
  border-radius: 10px;
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  box-shadow: 1px 1px 5px #eaeaea;
}
.premios .carousel-cell p {
  margin: 50px 0 10px;
  padding: 0 10px;
  color: #001453;
}
.premios .carousel-cell h2 {
  color: #212529;
  background: rgba(255, 255, 255, 0.5);
  width: fit-content;
  border-radius: 12px;
  padding: 0 10px;
}
.premios .premios-entregados .user {
  padding-top: 18px;
}
.premios .premios-entregados .avatar {
  float: left;
  width: 70px;
  margin: -35px 10px 0px 20px;
}
.premios .premios-entregados .avatar img {
  height: 70px;
}

/* Side Menu */
#sidebar-wrapper {
  position: fixed;
  z-index: 1051;
  left: 0;
  top: 0;
  width: 250px;
  height: 100%;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  transform: translateX(-250px);
  background: #001453;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.sidebar-nav {
  position: absolute;
  top: 45px;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-nav li.sidebar-nav-item a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 15px;
}

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li:first-child {
  display: inline-block;
  float: right;
  margin-top: -45px;
}

.sidebar-nav li:first-child a:hover {
  background: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

/*
.sidebar-nav > .sidebar-brand {
  height: 150px;
  padding-top: 15px;
  text-align: center;
}
.sidebar-nav > .sidebar-brand a {
  color: $white;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
*/
#sidebar-wrapper.active {
  left: 250px;
  width: 250px;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #d60028;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #ffffff;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}

.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}

.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}

.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}

.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}

.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}

.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}

.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}

.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}

.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}

.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}

.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}

.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}

.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}

.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}

.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}

.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100 {
  cursor: default;
}

.c100 > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #001453;
}

.c100:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}

.c100.dark {
  background-color: #ffffff;
}

.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}

.c100.dark > span {
  color: #777777;
}

.c100.dark:after {
  background-color: #666666;
}

.c100.dark > span {
  color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}

.c100.green > span {
  color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}

.c100.green.dark > span {
  color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}

.c100.orange > span {
  color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}

.c100.orange.dark > span {
  color: #e08833;
}

.profile {
  margin-top: 80px;
  margin-bottom: 40px;
}
.profile .avatar {
  width: 150px;
  height: 150px;
  margin: -65px 0px 20px 10px;
  border-radius: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .profile .avatar {
    width: 100px;
    margin: -45px 0px 20px 0px;
  }
}
.profile .ranking {
  padding: 10px;
}
.profile .ranking .title {
  font-size: 1.1rem;
}
.profile .ranking .points {
  font-weight: bold;
  font-size: 1.6rem;
}
@media (max-width: 480px) {
  .profile .ranking .title {
    font-size: 0.8rem;
  }
  .profile .ranking .points {
    font-size: 1.1rem;
  }
}
.profile .progress {
  vertical-align: bottom;
  margin-top: 12px;
  height: 12px;
}
.profile .progress .progress-bar {
  background: linear-gradient(120deg, #d60028 0%, #d60028 34%, #ff9900 100%);
}
@media (max-width: 480px) {
  .profile .progress {
    margin-top: 8px;
  }
}
.profile .avatar-upload {
  position: relative;
  max-width: 205px;
  margin: 0px auto;
}
.profile .avatar-upload .avatar-delete,
.profile .avatar-upload .avatar-edit {
  position: absolute;
  z-index: 1;
}
.profile .avatar-upload .avatar-edit {
  top: 10px;
  right: 20px;
}
.profile .avatar-upload .avatar-edit input {
  display: none;
}
.profile .avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
}
.profile .avatar-upload .avatar-edit .fas {
  color: rgba(58, 158, 94, 0.9);
}
.profile .avatar-upload .avatar-delete {
  top: 50px;
  right: 0px;
}
.profile .avatar-upload .avatar-delete .fas {
  color: rgba(184, 0, 0, 0.9);
}
.profile .avatar-upload .fas {
  text-align: center;
  padding-top: 10px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #FFFFFF;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.profile .avatar-upload .fas:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
}
.profile .avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
  border: 6px solid #F8F8F8;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.profile .avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ranking .avatar {
  margin: 0 0 0 10px;
  height: 150px;
  width: 150px;
  margin: -65px 0px 20px 10px;
  border-radius: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ranking .avatar img {
  width: 100%;
  max-width: 150px;
}
@media (max-width: 768px) {
  .ranking .avatar {
    margin: 0 auto;
  }
}
.ranking .posicion,
.ranking .puntos {
  margin: 20px auto;
  text-align: center;
  width: 50%;
}
.ranking .posicion .title,
.ranking .puntos .title {
  font-size: 1.2rem;
}
.ranking .posicion .points,
.ranking .puntos .points {
  font-size: 1.7rem;
  font-width: bold;
}
.ranking .posicion .points .fas,
.ranking .puntos .points .fas {
  font-size: 1.3rem;
  vertical-align: middle;
  line-height: 1.7rem;
}
.ranking .fas.red {
  color: #e33029;
}
.ranking .fas.green {
  color: #00d200;
}
.ranking .table thead th {
  border: 0;
}
.ranking .table td, .ranking .table th {
  vertical-align: middle;
}
@media (max-width: 480px) {
  .ranking .table thead {
    display: none;
  }
  .ranking .table tbody tr:first-child td {
    border: none;
  }
}
.ranking .table td .position {
  font-size: 1.2rem;
  font-weight: bold;
}
.ranking .table .fas {
  font-size: 1rem;
  margin-left: 10px;
}
.ranking .table .avatar {
  width: 40px;
  display: inline-block;
  float: left;
  height: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.ranking .table .username {
  margin: 0 20px;
  line-height: 40px;
  display: inline-block;
  float: left;
}

.form-signin {
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin form {
  background: #fff;
  border-radius: 12px;
  padding: 20px 15px 35px 15px;
  box-shadow: 0px 0px 10px #e4e4e4;
}

.form-signin hr {
  margin: 20px auto;
}

.form-signin label {
  padding-left: 5px;
}

.form-signin a {
  color: #343a40;
}

#ligas {
  padding: 50px 0 40px 0;
  margin-top: 0px;
}

#ligas .image_outer_container {
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 50%;
  position: relative;
}

.ligas-carousel {
  width: 100%;
}
.ligas-carousel .carousel-cell {
  margin: 30px 20px 0 0;
  width: min-content;
}
.ligas-carousel a {
  color: #495057;
}
.ligas-carousel .current h2 {
  color: #212529;
}
.ligas-carousel h2 {
  font-size: 1em;
  clear: both;
  margin-top: 10px;
  font-weight: 500;
}

.partidos .partido.shadow {
  box-shadow: 0px 5px 19px 8px rgba(113, 110, 110, 0.1) !important;
}
.partidos .partido .header {
  border-bottom: 1px solid #F8F8F8;
  height: 60px;
}
.partidos .partido .header .liga {
  width: 40%;
  display: inline-block;
  float: left;
}
.partidos .partido .header .liga img {
  width: 50px;
}
.partidos .partido .header .timer {
  width: 20%;
  display: inline-block;
  float: left;
  text-align: center;
  padding: 5px;
}
.partidos .partido .header .fecha {
  width: 40%;
  color: #868e96;
  text-align: right;
  display: inline-block;
  float: left;
}
.partidos .partido .body {
  padding-top: 20px;
}
.partidos .partido .body .timer {
  margin: 10px auto;
}
@media (max-width: 480px) {
  .partidos .partido .body .timer {
    padding: 5px;
  }
}
.partidos .partido .equipo {
  min-height: 200px;
}
.partidos .partido .equipo h4 {
  margin-top: 10px;
  font-size: 1.1em;
  font-weight: bold;
}
.partidos .partido .equipo .input {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  border: 1px solid #ced4da;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  padding: 10px;
}
.partidos .partido .equipo .input .number {
  width: 100%;
  font-size: 2.4rem;
  border: none;
  outline: none;
  line-height: 2.4rem;
  margin: 0;
  text-align: center;
  font-weight: bold;
  padding: 6px;
  height: 100%;
  -moz-appearance: textfield;
}
.partidos .partido .equipo .input input[type=number]::-webkit-inner-spin-button,
.partidos .partido .equipo .input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.partidos .partido .equipo img {
  width: 100%;
  max-width: 70px;
}
@media (max-width: 480px) {
  .partidos .partido .equipo h4 {
    font-size: 0.9rem;
  }
}
.partidos .partido .vs {
  min-height: 200px;
  padding-top: 30px;
}
.partidos .partido .vs .submit {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  padding: 6px;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -webkit-transition: opacity 0.6s ease-in-out;
}
.partidos .partido .vs .submit-button {
  width: 60px;
  border: none;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  font-size: 1.5rem;
  color: #c1c1c1;
  background: #ffffff;
  border: 3px solid #c1c1c1;
  transition: color 0.5s ease;
}
.partidos .partido .vs .submit-button:disabled {
  background: linear-gradient(322deg, #d60028 0%, #d60028 34%, #ff9900 100%);
  cursor: default;
  color: #fff;
  border: none;
  animation: bgmve 0.6s;
}
.partidos .partido .vs .estadisticas {
  font-size: 0.8rem;
  padding: 4px 12px;
}
.partidos .partido .vs .estadisticas i {
  margin-right: 2px;
}
@keyframes bgmve {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
  /* make it short */
}

.stats {
  margin-top: 25px;
  margin-bottom: 25px;
}
.stats .c100 {
  left: 50%;
  transform: translateX(-50%);
}
.stats h4 {
  clear: both;
}

footer.footer {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
footer.footer .social-link {
  display: block;
  height: 4rem;
  width: 4rem;
  line-height: 4.3rem;
  font-size: 1.5rem;
  background-color: #1D809F;
  transition: background-color 0.15s ease-in-out;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
footer.footer .social-link:hover {
  background-color: #155d74;
  text-decoration: none;
}

a {
  color: #1D809F;
}
a:hover, a:focus, a:active {
  color: #155d74;
  text-decoration: none;
}

.bg-ligas {
    background: url(../img/bg-ligas-mobile.png) no-repeat;
    background-size: cover;
}
.bg-blue-transparent{background:rgba(0,20,83,0.8)}
.tabs .nav-link.active {
    border-bottom: 2px solid #001453;
    color: #001453;
    font-weight: 700;
}

.match a {color: #001453;display: block;}
.match a:hover{text-decoration:none; background: rgba(0, 20, 83, 0.8)!important;color:#fff}
.match > .d-flex {margin-bottom: 10px;}
.match .team-logo {width: 40%;line-height: 1em;padding:0.5em;font-size: 1em;}
.match .team-logo:first-child img {display: inline-block;float: right;margin-left:5px;}
.match .team-logo:first-child{text-align:right;}
.match .team-logo:last-child img {display: inline-block;float: left;margin-right:5px;}
.match .result {width: 20%;text-align:center;}
.match .time {font-size: .80em;font-weight:normal;}
.match .time.badge{padding: 0.5em 1em;margin: 0em;}
.match .end.badge{font-weight:700;color:#000;margin-bottom:0.5em;font-size:1.5em}
.badge-light{border-radius:0;background:#fff;color:#1D809F;width:60px}
.line-bottom{border-bottom:1px solid #ced4da; border-color:rgba(70, 70, 70, 0.30);}
.match .result .vs {font-size: 1.6em;line-height: 1.2em;font-weight: 400;}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 950px;
  }
}
.btn-primary {
  background-color: #F8F8F8 !important;
  border-color: #ced4da !important;
  color: #001453 !important;
  box-shadow: 0;
  border-radius: 10px;
  padding: 8px 20px 10px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #ececec !important;
  border-color: #b1bbc4 !important;
}

.btn-secondary {
  background-color: #ecb807 !important;
  border-color: #ecb807 !important;
  color: #212529 !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #f9cb2d !important;
  border-color: #f9cb2d !important;
}

.btn-dark {
  color: #fff !important;
}

.btn {
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
  font-weight: 600;
}

.btn-large {
  padding: 12px 40px;
}

.btn-small {
  padding: 2px 20px;
  font-size: 1em;
}

.bg-primary {
  background-color: #1D809F !important;
}

.text-primary {
  color: #1D809F !important;
}

.text-secondary {
  color: #ecb807 !important;
}

.form-control {
  border: 1px solid #ececec;
}

.partidos .partido .vs .submit-button {
  padding: 0px;
}

.box-ranking-user {
  margin-top: 60px;
}

.box-ranking-table table .avatar {
  margin: 0;
}

@media (max-width: 991.98px) {
  .ligas-carousel .carousel-cell {
    width: 20%;
    margin: 30px 0 0;
  }
  .ligas-carousel .carousel-cell .image_inner_container img, .ligas-carousel .carousel-cell .image_inner_container span {
    height: 100px;
    width: 100px;
  }

  section#ligas {
    padding: 10px 0 0;
  }

  section.profile {
    margin-top: 50px;
  }

  .profile .avatar {
    width: 150px;
    height: 150px;
  }

  .box-ranking-user .avatar {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767.98px) {
  .profile .avatar {
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 575.98px) {
  .ligas-carousel .carousel-cell {
    width: 33.3%;
  }
  .ligas-carousel .carousel-cell .image_inner_container img, .ligas-carousel .carousel-cell .image_inner_container span {
    height: 90px;
    width: 90px;
  }
  .ligas-carousel .flickity-button.flickity-prev-next-button {
    top: 80px;
    background: none;
    padding: 0;
    width: 20px;
    height: 20px;
  }
  .ligas-carousel .flickity-button.flickity-prev-next-button svg {
    left: 0;
    top: 0;
    width: initial;
    height: initial;
  }
  .ligas-carousel .flickity-button.flickity-prev-next-button svg path {
    fill: #666;
  }
  .ligas-carousel .flickity-button.flickity-prev-next-button[disabled] {
    display: none;
  }
  .ligas-carousel .flickity-button.flickity-prev-next-button.previous {
    left: -10px;
  }
  .ligas-carousel .flickity-button.flickity-prev-next-button.next {
    right: -10px;
  }
}
@media (min-width: 576px) {
  .ligas-carousel .flickity-button.flickity-prev-next-button {
    display: none;
  }
}
/*slide*/
.masthead .logo {
         margin: 6px 0px -45px;
         height: 100px;
         position: absolute;
         z-index: 99;
         }
         #slider{margin-top:0px}
         .bg-black-opacity{background: rgba(0, 0, 0, 0.85); border-radius: 24px;}
         #carouselNews{
         border-radius: 24px;
         color:#fff;
         }
         #carouselNews h2{
         font-weight: 700;
         font-size: 20px;
         line-height: 26px;
         }
         #carouselNews p{
         font-weight: 400;
         font-size: 14px;
         line-height: 20px;
         }
         #carouselNews .carousel-indicators li{
         width:14px;
         height:14px;
         border-radius:50px;
         border:1px solid #fff;
         background:none;
         margin-left:6px;
         margin-right:6px;
         }
         #carouselNews .carousel-indicators li:first-child{ margin-left:0}
         #carouselNews .carousel-indicators .active {background: #E31D3E; border:1px solid #E31D3E;}
         .thumbnail {
         position: relative;
         cursor:pointer;
         }
         .button-play:before {
         width: 65px;
         height: 65px;
         background-size: contain;
         left: 50%;
         top: 50%;
         position: absolute;
         z-index: 10;
         margin-left: -32.5px;
         margin-top: -32.5px;
         background: url(button-play.svg);
         background-size: contain;
         position: absolute;
         content: " ";
         border-radius: 50px;
         cursor:pointer;
         }
         button.close {position: absolute;
         right: -5px;
         top: -10px;
         background: #001453;
         width: 40px;
         height: 40px;
         border-radius: 50px;
         color: #fff;
         font-weight: bold;
         font-size: 18px;
         opacity: 1;
         z-index: 9;
         font-family: sans-serif;
         }
         .close:hover {
         color: #fff;
         text-decoration: none;
         background:#000;
         opacity:1!important;
         }
         
         .badge-league {
         color: #fff;
         background-color: #dc3545;
         font-size: 14px;
         font-weight: normal;
         }
         .carousel-control-next > span {
         border-top-right-radius: 10px;
         border-bottom-right-radius: 10px;
         }
         .carousel-control-prev > span {
         border-top-left-radius: 10px;
         border-bottom-left-radius: 10px;
         }
         .carousel-control-next > span img, .carousel-control-prev > span img{margin:0 auto}
         .carousel-control-next {justify-content:left; align-items: flex-end;}
         .carousel-control-prev {justify-content:right; align-items: flex-end;}
         .carousel-control-next, .carousel-control-prev{width:50%;opacity: 1;}
        
         .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{opacity:1;}
         .videotopmobile .modal-content{border:none;border-radius:0}
         @media (max-width: 991px){
         
         .videotopmobile{margin-top: 120px;}
         .description-box{height:195px}
         }
         @media (min-width: 992px){
		 #slider{background:url('../img/bg-slider.jpg') center center; background-size:cover;height:100%;}	 
		 .masthead .logo {
         margin: 6px 0px -45px;
         height: 130px;
         position: absolute;
         z-index: 99;
         margin-left: -55px;
         }
		 
         #carouselNews h2{
         font-size: 28px;
         line-height: 36px;
         }
         #carouselNews p{
         font-size:16px;
         line-height: 22px;
         }
         .carousel-control-next, .carousel-control-prev {justify-content:center;}
        
         .carousel-control-next, .carousel-control-prev{opacity:1;width:55px; align-items: center;}
		 
         }

.link-celeste{color:#01C7D3;text-decoration:none;}
.link-celeste:hover{color:#01C7D3; text-decoration:underline;}
.resultado{font-size:24px}
.resultado .input {box-shadow: none!important;}
.resultado .input input{width:34px;border-radius:5px;border:1px solid #D9D9D9;}
.partidos .partido .header.header-resultado {display: flex; justify-content: space-between;color:#001453; height:30px;border-bottom: 1px solid #ececec;}
.partidos .partido .equipo.equipo-h{min-height:100px}
.nav-pills .nav-link{background: #FFFFFF;box-shadow: 1px 1px 5px #EAEAEA;border-radius: 15px;text-align:center;}
.nav-pills .nav-link a{color:#001453;font-size:11px;}
.nav-pills .nav-link.active{background:#001453;border-radius: 15px;}
.nav-pills .nav-link.active img{    filter: invert(100%) brightness(0%) invert(100%);}
.nav-pills .nav-link.active a{color:#fff;}
.nav-pills>li+li {margin-left: 2px;}
.shield{width:30px;height:30px}
.goal {background:#000;color:#fff;}

.timeline {
	position: relative;
	margin: 0 0 0 10px;
}
.timeline:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #a7a7a7;
}
.timeline .timeline-container {
	position: relative;
	margin-bottom:10px
}
.timeline .timeline-container .timeline-icon {
	position: absolute;
	left: -4px;
	top: 10px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	text-align: center;
	font-size: 2rem;
	background: #001453;
}
.timeline .timeline-container .timeline-icon i {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.timeline .timeline-container .timeline-icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.timeline .timeline-body{padding:5px 5px 5px 25px}

.timeline .timeline-container .timeline-body .timeline-title,.timeline .timeline-body p {
	margin-bottom: 0px;
	line-height: 1.3rem;
}
.timeline .timeline-container .timeline-body .timeline-title{font-size:1.3em;font-weight:600}
.timeline .timeline-container .timeline-body .timeline-subtitle {
	font-weight: 300;
	font-style: italic;
	opacity: 0.4;
	margin-top: 16px;
	font-size: 11px;
}

.timeline-container.interaction .timeline-icon {
    width: 30px;
    height: 30px;
	top: 10px;
    left: -14px;
}

.icon-goal{    
	width: 20px;
    height: 20px;
    background: #fff url(../img/icon-goal.svg) no-repeat;
    border: 2px solid white;
    border-radius: 50px;
}
.icon-sustitution{    
	width: 20px;
    height: 20px;
    background: #fff url(../img/icon-sustitution.svg) no-repeat;
	border: 2px solid white;
    border-radius: 50px;
}
.icon-var{    
	width: 20px;
    height: 20px;
    background: url(../img/icon-var.svg) no-repeat;
}
.icon-yellow-card,.icon-red-card{
	width: 10px;
    height: 16px;
	border-radius:2px;
}
.icon-yellow-card{background:#ffcc00;}
.icon-red-card{background:#ff0000;}
.resultado{font-size:24px}
.resultado .input {box-shadow: none!important;}
.resultado .input input{width:34px;border-radius:5px;border:1px solid #D9D9D9;}
.partidos .partido .header.header-resultado {display: flex; justify-content: space-between;color:#001453; height:30px}
.partidos .partido .equipo.equipo-h{min-height:100px}

.table .thead-dark-blue th{background-color: #001453; border-color: #001453;color:#fff}
@media (max-width: 768px){
	.table .thead-dark-blue th, .table .thead-dark-blue td {
    padding: .75rem .1rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
.table td, .table th {
    padding: 0.5rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
}
body{background: url(../img/trama-futbol.png) repeat;}

.masthead .logo {
position:relative;
z-index: 99;		 
}
#sliderNoticias{margin-top:0px}
#carouselNews{
border-radius: 24px;
color:#fff;
}
#carouselNews .carousel-caption{
bottom:16px;
width:100%;
left:auto;
right:auto;
padding:1em;
}
#carouselNews .carousel-inner .carousel-item img{
width: 100%;
}
#carouselNews h2{
font-weight: 700;
font-size: 22px;
line-height: 26px;
}
#carouselNews p{
font-weight: 400;
font-size: 16px;
line-height: 20px;
padding: 0 0.5em;
}
#carouselNews .carousel-indicators li{
width:10px;
height:10px;
border-radius:50px;
border:1px solid #fff;
background:none;
margin-left:6px;
margin-right:6px;
}
#carouselNews .carousel-indicators li:first-child{ margin-left:0}
#carouselNews .carousel-indicators .active {background: #E31D3E; border:1px solid #E31D3E;}
#carouselNews .carousel-control-next > span {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#carouselNews .carousel-control-prev > span {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
#carouselNews .carousel-control-next > span img, #carouselNews .carousel-control-prev > span img{margin:0 auto;filter:brightness(0) invert(1)}
#carouselNews .carousel-control-next {justify-content:left; align-items: flex-end;}
#carouselNews .carousel-control-prev {justify-content:right; align-items: flex-end;}
#carouselNews .carousel-control-next, .carousel-control-prev{width:50%;opacity: 1;}
#carouselNews .carousel-control-next > span, #carouselNews .carousel-control-prev > span{height:50px; width: 46px;}
#carouselNews .carousel-control-next:focus, #carouselNews .carousel-control-next:hover, #carouselNews .carousel-control-prev:focus, #carouselNews .carousel-control-prev:hover{opacity:1;}
#carouselNews .carousel-control-next, .carousel-control-prev {justify-content:center;}
#carouselNews .carousel-control-next, #carouselNews .carousel-control-prev{opacity:1;width: 48px;align-items: center;justify-content: space-around;}
@media (max-width: 991px){
#carouselNews .carousel-caption h2{
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
#carouselNews .carousel-caption p{display:none}
.no-padding-mobile{padding:0}
.carousel-item{height: 257px;background: black;}
.pickgradient:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 0, 0, 1) 25%,rgba(255, 255, 255, 0) 100%);
background : -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 25%, rgba(255, 255, 255, 0) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(1,rgba(255, 255, 255, 0) ));
background : -o-linear-gradient(90deg, rgba(0, 0, 0, 1) 25%, rgba(255, 255, 255, 0) 100%);
background : -ms-linear-gradient(90deg, rgba(0, 0, 0, 1) 25%, rgba(255, 255, 255, 0) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#FFFFFF' ,GradientType=0)";
background : linear-gradient(0deg, rgba(0, 0, 0, 1) 25%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#000000' , GradientType=0);
}
}


@media (min-width: 992px){
#sliderNoticias{background:url('assets/bg-slider.jpg') center center; background-size:cover;height:100%;}
.masthead .logo {
margin: 6px 0px -45px;
height: 130px;
position: absolute;
z-index: 99;
margin-left: -55px;
}
#carouselNews .carousel-control-next, #carouselNews .carousel-control-prev{height: Calc(100% - 32px);}
#carouselNews {margin-top:80px;margin-bottom: 40px; border-radius: 24px;overflow: hidden;}
#carouselNews h2{
font-size: 32px;
line-height: 36px;
}
#carouselNews .carousel-caption p{
font-size:18px;
line-height: 22px;
}
#carouselNews .carousel-inner .carousel-item img{
width: 100%;
height: 500px;
object-fit: cover;
}
.pickgradient:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background : -moz-linear-gradient(50% 100% 90deg,rgba(0, 0, 0, 0.8) 25%,rgba(255, 255, 255, 0) 100%);
background : -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 25%, rgba(255, 255, 255, 0) 100%);
background : -webkit-gradient(linear,50% 100% ,50% 0% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(1,rgba(255, 255, 255, 0) ));
background : -o-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 25%, rgba(255, 255, 255, 0) 100%);
background : -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 25%, rgba(255, 255, 255, 0) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#FFFFFF' ,GradientType=0)";
background : linear-gradient(0deg, rgba(0, 0, 0, 0.8) 25%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#000000' , GradientType=0);
}
.thumb img {height: 192px; object-fit: cover;}
.pills-menu .nav-link {min-width:114px}
/*.nav-pills .nav-link a{font-size:16px;}*/
.bg-ligas {
    background: url(../img/bg-ligas.png) no-repeat;
    background-size: cover;
}
.nav.tabs .nav-link {
    font-size: 18px;
}
}
#news h1{font-weight:600;font-size:1.5em}
#news h2{ font-size: 1em;line-height: 1.2em; color:#000;margin-bottom:20px}
#news p{color:#000}
.related h3{font-size:1.2em}
.header-box{
padding: 20px 22px 20px;
text-align: center;
margin-top: -40px;
background: #fff;
width: 90%;
position: relative;
margin-left: auto;
margin-right: auto;
}
@media (min-width:1024px){
#news h1{font-size:2.5em}
#news h2{ font-size: 1.2rem;line-height: 1.2rem; color:#000;margin-bottom:20px}
#news .news-image{width:100%;height: 400px;object-fit: cover;overflow:hidden;}
.header-box{
padding: 35px 22px 25px;
text-align: center;
margin-top: -65px;
background: #fff;
width: 90%;
position: relative;
margin-left: auto;
margin-right: auto;
}
}
/*# sourceMappingURL=style.css.map */