body {
  background: #FFFFFF;
}

.border_primary {
  color: #333;
}

.border_contrast_primary {
  color: #FFF;
}

.color_primary {
  color: #333;
}

.contrast_primary {
  color: #FFF;
}

.bg_color_primary {
  background-color: #333;
}

.bg_contrast_primary {
  background-color: #FFF;
}

.placeholder_primary {
  color: #333;
}

.placeholder_contrast_primary {
  color: #FFF;
}

.border_secondary {
  color: #CCC;
}

.border_contrast_secondary {
  color: #333;
}

.color_secondary {
  color: #CCC;
}

.contrast_secondary {
  color: #333;
}

.bg_color_secondary {
  background-color: #CCC;
}

.bg_contrast_secondary {
  background-color: #333;
}

.placeholder_secondary {
  color: #CCC;
}

.placeholder_contrast_secondary {
  color: #FFF;
}

.border_tertiary {
  color: #FF0000;
}

.border_contrast_tertiary {
  color: #FFF;
}

.color_tertiary {
  color: #FF0000;
}

.contrast_tertiary {
  color: #FFF;
}

.bg_color_tertiary {
  background-color: #FF0000;
}

.bg_contrast_tertiary {
  background-color: #FFF;
}

.placeholder_tertiary {
  color: #FF0000;
}

.placeholder_contrast_tertiary {
  color: #FFF;
}

.carousel-caption,
.carousel-caption a {
  color: #FFF;
  text-shadow: 1px 1px #333;
}

.carousel-caption a:hover {
  text-decoration: none;
}

.carousel-caption-dark {
  background: rgba(0, 0, 0, 0.5) !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
}

.img-show {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  background-image: url(/images/placeholder.jpg?1ebd5d1744f75e8a4f262bbc4ef96498);
  -webkit-print-color-adjust: exact;
}

.img-show-group {
  position: relative;
}

.img-show-group-glass {
  background-color: #000;
}

.img-splash {
  opacity: 0.5;
  padding-top: 25%;
  width: 100%;
}

.img-splash-icon {
  width: 60px;
  position: relative;
  top: 14px;
}

.img-show-caption {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 48px;
  width: 100%;
  color: #FFF;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.img-show-hook-caption {
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
  font-size: 18px;
  width: 100%;
  color: #FFF;
  -webkit-filter: drop-shadow(2px 2px 2px #333);
  filter: drop-shadow(2px 2px 2px #333);
}

.invert-color {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

.w-100 {
  width: 100%;
}

.img-16x9 {
  padding-top: 56.25%;
}

.img-16x6 {
  padding-top: 37.5%;
}

.img-16x4 {
  padding-top: 25%;
}

.img-6x4 {
  padding-top: 66.66%;
}

.img-3x4 {
  padding-top: 75%;
}

.img-1x1 {
  padding-top: 100%;
}

.img-100x118 {
  padding-top: 118%;
}

.img-shield-xs {
  width: 16px;
  height: 16px;
}

.img-shield-sm {
  width: 24px;
  height: 24px;
}

.group-tab {
  font-size: 0.7em;
}

.competition-body {
  max-height: 350px;
  overflow-y: auto;
}

.competition-table,
.competition-rounds {
  font-size: 0.7em;
}

.competition-table {
  margin-bottom: 5px;
}

.table-subtitles {
  font-size: 9px;
}

.competition-rounds {
  line-height: 24px;
}

.competition-btn {
  font-size: 8px !important;
  line-height: 14px !important;
  padding: 2px !important;
  font-weight: bold;
  color: #333;
  display: block;
}

.competition-date {
  font-size: 10px !important;
  line-height: 14px !important;
}

.no-border {
  border: 0 !important;
}

.competition-duel-shields td {
  padding: 0;
  vertical-align: middle;
  font-weight: bold;
  font-size: 1.2em;
}

.competition-duel-shields-sm td {
  font-size: 0.8em;
}

.competition-duel td {
  border-top: none !important;
  padding: 0;
  vertical-align: middle;
}

.competition-duel-sm td {
  font-size: 0.6em;
}

.competition-duel td.duel-info {
  padding-bottom: 10px;
}

.competition-duel td.duel-info-sm {
  padding: 0;
}

.upcoming {
  border: 1px solid #EAEAEA;
  padding: 5px 0;
}

.upcoming-nav {
  margin-bottom: 10px;
}

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

.upcoming-nav button {
  padding: 0 3px 2px 3px !important;
  background: #EAEAEA;
  line-height: 20px;
  border: 0;
}

.table-duel-sm {
  margin-bottom: 0 !important;
  color: #333;
}

.table-duel-sm a {
  color: #333;
}

.grayscale {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  color: #999 !important;
}

.grayscale a {
  color: #999 !important;
}

.card-date {
  font-size: 0.6em;
  border-top: 0;
  padding-top: 0;
}

.lighter {
  -webkit-filter: brightness(65%);
          filter: brightness(65%);
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0;
  height: 0;
}

.videoWrapperInternal {
  margin: 0 auto;
}

.videoWrapper .html5-info-bar {
  display: none;
}

.videoWrapper span.titulo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  background-color: rgba(0, 114, 163, 0.95);
  width: 100%;
  padding: 5px 10px;
  line-height: 35px;
  font-size: 18px;
  color: #FFF;
  overflow: hidden;
}

.videoWrapper span.titulo_peq {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 114, 163, 0.95);
  width: 100%;
  padding: 10px 10px;
  line-height: 12px;
  font-size: 11px;
  color: #FFF;
  overflow: hidden;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper iframe .ytp-title {
  display: none;
}

.facebook-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.facebook-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.shelf {
  top: -23px;
  z-index: -10;
}

.trophy-container {
  cursor: pointer;
}

.trophy-container:focus {
  outline: none;
}

.sport-icon {
  max-width: 50px;
}

.search_result_area a:hover {
  text-decoration: none;
}

.search_result_user {
  font-size: 0.8em;
}

/* XS */

@media (max-width: 575px) {
  .competition-body {
    max-height: 500px;
  }

  html {
    font-size: 0.8rem;
  }

  .img-show-caption {
    top: 32%;
    font-size: 22px;
  }

  .img-splash {
    padding-top: 45%;
  }

  .img-splash-icon {
    width: 35px;
    top: 10px;
  }

  .shelf {
    top: -13px;
  }

  .search_result_icon span {
    font-size: 1.8em;
  }

  .card-columns-users {
    -webkit-column-count: 2 !important;
       -moz-column-count: 2 !important;
            column-count: 2 !important;
  }

  .line-height-simple {
    line-height: 1em !important;
  }

  .school-title {
    font-size: 1.4em;
  }
}

/* SM */

@media (min-width: 576px) and (max-width: 767px) {
  html {
    font-size: 0.8rem;
  }

  .shelf {
    top: -10px;
  }

  .search_result_icon span {
    font-size: 2em;
  }

  .line-height-simple {
    line-height: 1em !important;
  }
}

/* MD */

@media (min-width: 768px) and (max-width: 991px) {
  html {
    font-size: 0.8rem;
  }

  .shelf {
    top: -15px;
  }

  .card-columns-users {
    -webkit-column-count: 4 !important;
       -moz-column-count: 4 !important;
            column-count: 4 !important;
  }

  .search_result_icon span {
    font-size: 2.8em;
  }

  .img-show-hook-caption {
    font-size: 15px;
  }
}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 1rem;
  }

  .img-splash {
    padding-top: 20%;
  }

  .card-columns-users {
    -webkit-column-count: 5 !important;
       -moz-column-count: 5 !important;
            column-count: 5 !important;
  }

  .search_result_icon span {
    font-size: 3.2em;
  }
}

/* XL */

@media (min-width: 1200px) {
  html {
    font-size: 1rem;
  }

  .img-splash {
    padding-top: 15%;
  }

  .card-columns-users {
    -webkit-column-count: 6 !important;
       -moz-column-count: 6 !important;
            column-count: 6 !important;
  }

  .search_result_icon span {
    font-size: 3.8em;
  }
}

div.barra {
  background-color: #333;
  color: #FFF;
  padding: 5px 0;
  font-size: 12px;
}

div.barra .btn {
  padding: .0rem .5rem;
}

div.barra .links {
  padding-top: 6px;
}

div.barra .links .btn-sm {
  font-weight: normal !important;
  font-size: 11px;
}

div.topo {
  background-color: #CCC;
}

.logo-xs {
  max-height: 60px;
}

div.topo_menu {
  padding: 40px 0 0 0;
}

div.miolo {
  padding: 30px 0;
}

.navbar-nav li {
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-right: 1px solid #333;
}

.navbar-nav li:last-child {
  border: none;
}

.navbar-nav li a.nav-link {
  padding: 15px 0;
}

.navbar-nav li a.nav-link:hover {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 9px;
}

div.rodape {
  background-color: #333;
  color: #FFF;
  padding: 20px 0 10px 0;
  font-size: 10px;
}

div.rodape div.copyright {
  padding-top: 10px;
  line-height: 35px;
}

.social-links {
  font-size: 2.4em;
}

.placar img {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
}

.placar:hover img {
  -moz-filter: none;
  -o-filter: none;
  -webkit-filter: none;
  filter: none;
  filter: none;
}

/* XS */

@media (max-width: 575px) {
  div.topo_menu {
    padding: 0;
  }

  .navbar-nav li {
    border-right: 0;
  }

  .navbar-nav li a.nav-link {
    padding: 4px 0;
  }

  .navbar-nav li a.nav-link:hover {
    border-bottom-width: 0;
    padding-bottom: 2px;
  }

  .competition-body {
    max-height: 500px;
  }

  .rodape {
    text-align: center;
  }

  .social-links {
    font-size: 3.8em;
  }
}

/* SM */

@media (min-width: 576px) and (max-width: 767px) {
  div.topo_menu {
    padding: 0;
  }
}

/* MD */

@media (min-width: 768px) and (max-width: 991px) {
  div.topo_menu {
    padding: 30px 0 0 0;
  }
}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {
  div.topo_menu {
    padding: 40px 0 0 0;
  }
}

/* XL */

@media (min-width: 1200px) {
  div.topo_menu {
    padding: 55px 0 0 0;
  }
}