@charset "UTF-8";
/* INI PARTIALS */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* INI MEDIA QUERIES */
/* USO: @include respond-to(small) { ... }/
/* FIN MEDIA QUERIES */
/* INI CALCULA REM */
/* USO: @include font-size(14px); */
/* FIN CALCULA REM */
/* INI CLEARFIX*/
/* USO: @include clearfix(); */
/* FIN CLEARFIX*/
/* INI BOX SIZING */
/* USO: @include box-sizing(border-box); */
/* FIN BOX SIZING */
/* INI CENTERER */
/* USO: con parent en position relative añadir a elemento child @include centerer; */
/* FIN CENTERER */
/* INI BORDER RADIUS */
/* USO: @include border-radius(5px); */
/* USO: @include border-top-radius(10px); */
/* FIN BORDER RADIUS */
/* INI OPACITY */
/* USO: @include opacity(0.8); */
/* FIN OPACITY */
/* INI CENTER BLOCK */
/* USO: @include center-block; */
/* FIN CENTER BLOCK */
/* INI TEXT OVERFLOW */
/* USO: @include text-truncate; */
/* FIN TEXT OVERFLOW */
/* INI BACKGROUND IMAGE */
/* USO: @include bgimage('../img/generic/flecha_top.png',no-repeat,100%); */
/* FIN BACKGROUND IMAGE */
/* INI TRANSITION */
/* USO: @include transition(color .3s ease); */
/* FIN TRANSITION */
/* INI TRANSFORM */
/*
  USO:
  @include skew(25,10);
  @include transform-origin(top left);
*/
/* FIN TRANSFORM */
/* INI PLACEHOLDER */
/*USO:
@include input-placeholder {
        color: $grey;
    }*/
/* FIN PLACEHOLDER */
/* INI WORD WRAPPING */
/* USO: @include mixin word-wrap; */
/* FIN WORD WRAPPING */
/* INI BACKGROUND COVER */
/* USO: @include bg-cover('../path/to/image.jpg', no-repeat 100%); */
/* FIN BACKGROUND COVER */
/* INI LINKS */
/* USO: @include linx (blue, green, red, orange); */
/* FIN LINKS */
/* INI RGBA */
/* USO: @include alpha-background-color(rgba(black, 0.5), white); */
/* FIN RGBA */
/* INI PLUGIN TO TOP */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  width: 47px;
  height: 47px;
  border: none;
  text-indent: 100%;
  background-image: url("../img/assets/generic/flecha-top.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  z-index: 10000;
}

#toTopHover {
  background-image: url("../img/assets/generic/flecha-top.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left -51px;
  width: 51px;
  height: 51px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  filter: alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline: none;
}

.toTop {
  display: none;
}

.spanToTop {
  opacity: 0;
  filter: alpha(opacity=0);
}

/* FIN PLUGIN TO TOP */
/* INI SWEET ALERT */
.sweet-alert h2 {
  width: 100%;
  padding: 15px 0;
  display: inline-block;
  margin: 15px 0 !important;
  font-size: 22px !important;
  font-size: 1.375rem !important;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}

.sweet-alert p {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
  text-align: center;
}

.sweet-alert button {
  display: inline-block;
  line-height: 1;
  padding: 12px 24px;
  margin: 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px !important;
  font-size: 1.125rem !important;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 0;
}

.sweet-alert button.cancel {
  font-weight: 600;
  background-color: #FFF !important;
}

.sweet-alert input {
  padding: 5px 10px;
  margin: 0px auto 20px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #cccccc !important;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666 !important;
  width: 100%;
  max-width: 300px;
  height: auto;
  box-shadow: none;
}

.sweet-alert input:focus {
  border: 1px solid #cccccc !important;
  box-shadow: none !important;
}

/* FIN SWEET ALERT */
/* FIN PARTIALS */
/* INI FONT FACE */
@font-face {
  font-family: 'ds-digitalnormal';
  src: url("../fonts/ds-digi-webfont.eot");
  src: url("../fonts/ds-digi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ds-digi-webfont.woff2") format("woff2"), url("../fonts/ds-digi-webfont.woff") format("woff"), url("../fonts/ds-digi-webfont.ttf") format("truetype"), url("../fonts/ds-digi-webfont.svg#ds-digitalnormal") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Next-Bold';
  src: url("../fonts/Avenir-Next-Bold.eot");
  src: url("../fonts/Avenir-Next-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Avenir-Next-Bold.woff2") format("woff2"), url("../fonts/Avenir-Next-Bold.woff") format("woff"), url("../fonts/Avenir-Next-Bold.ttf") format("truetype"), url("../fonts/Avenir-Next-Bold.svg#Avenir-Next-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* FIN FONT FACE */
/* INI TYPE */
/* FIN TYPE */
/* INI COLORS */
/* FIN COLORS */
/* INI GENERAL */
html, body {
  height: 100%;
}

html {
  min-height: 100%;
}

html.fdo-login {
  background: url(../img/assets/generic/fondo-home.jpg) no-repeat center center fixed;
  background-size: cover;
  background-color: #dadde4;
}

body {
  font: 100% "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #686767;
  text-decoration: none;
  background: transparent;
}

a:active, a:focus, button:active, button:focus {
  outline: none !important;
}

a:active img, a:focus img, button:active img, button:focus img {
  outline: none;
}

.wrapper {
  padding-top: 0px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -360px;
}

.wrapper.logado {
  padding-top: 70px;
  background-image: url("../img/assets/generic/trama-home.jpg");
  background-position: top center;
  background-repeat: repeat;
}

@media (min-width: 992px) {
  .wrapper.logado {
    padding-top: 90px;
  }
}

.wrapper.logado .usuario-logado {
  display: block;
}

@media (min-width: 992px) {
  .wrapper {
    padding-top: 0px;
  }
}

@media (min-width: 767px) {
  .wrapper {
    margin: 0 auto -185px;
  }
}

.wrapper .usuario-logado {
  display: none;
}

#push, .footer {
  height: 360px;
}

@media (min-width: 767px) {
  #push, .footer {
    height: 185px;
  }
}

a {
  -webkit-transition: 0.2s ease;
  -moz-transition: 0.2s ease;
  -ms-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: underline;
}

h1 {
  font-family: "Advent Pro", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0;
}

h1.principal {
  color: #ffffff;
  height: 0;
  font-size: 0;
  line-height: 0;
  padding: 0;
  margin: 0;
}

@media (min-width: 767px) {
  h1 {
    margin: 30px 0;
    font-size: 40px;
    font-size: 2.5rem;
  }
}

h2 {
  font-family: "Advent Pro", sans-serif;
  color: #000000;
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2;
}

@media (min-width: 767px) {
  h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) {
  h2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 20px;
  font-weight: 400;
  font-style: normal;
}

p strong {
  font-weight: 700;
}

p em {
  font-style: italic;
}

@media (min-width: 767px) {
  p {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

label {
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  margin-bottom: 3px;
}

@media (min-width: 767px) {
  label {
    font-size: 16px;
    font-size: 1rem;
  }
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.no-pd {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.no-pd-r {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 767px) {
  .no-pd-r {
    padding-left: 15px !important;
    padding-right: 0px !important;
  }
}

.static {
  position: static;
}

.relative {
  position: relative;
}

.limpiador {
  width: 100%;
  clear: both;
}

.hide {
  display: none !important;
}

.w100 {
  width: 100% !important;
}

.btn {
  position: relative;
  outline: none !important;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  box-shadow: none !important;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
}

.btn span, .btn img {
  display: inline-block;
  vertical-align: middle;
}

.btn-primary {
  color: #ffffff !important;
  background-color: #e74c3d !important;
  border: none;
  line-height: 1.1;
  white-space: normal;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  box-shadow: none !important;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.btn-primary:hover, .btn-primary:active {
  /*@include transform(scale($scale));*/
  box-shadow: none !important;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border: none !important;
}

.btn-primary:focus {
  box-shadow: none !important;
  border: none !important;
}

@media (min-width: 767px) {
  .btn-primary {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.btn-primary.btn-cancel {
  background: none !important;
  color: #e74c3d !important;
}

.btn-mas {
  position: absolute;
  top: 4px;
  right: 8px;
  display: block;
  width: 26px;
  height: 26px;
  color: #ffffff;
  background: #e74c3d;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
}

.btn-mas:hover, .btn-mas:focus, .btn-mas:active {
  color: #ffffff;
}

.btn-mas span {
  line-height: 26px;
  font-size: 16px;
  font-size: 1rem;
}

.btn-mas span.mas {
  display: none;
}

.btn-mas span.menos {
  display: inline-block;
}

.btn-mas.collapsed span {
  line-height: 24px;
}

.btn-mas.collapsed span.mas {
  display: inline-block;
}

.btn-mas.collapsed span.menos {
  display: none;
}

.botonera {
  text-align: center;
  margin: 10px;
}

.botonera .btn-primary {
  margin: 10px;
}

.center-block {
  float: none;
}

.box {
  background: #b3b3b3;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.no-ov {
  overflow: hidden;
}

.foto-zoom {
  width: 100%;
  overflow: hidden;
}

.foto-zoom img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}

.foto-zoom:hover img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transform: scale(1.08);
}

.cell-mb {
  display: none;
}

@media (min-width: 600px) {
  .cell-mb {
    display: table-cell;
  }
}

.enc {
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .enc {
    margin-bottom: 40px;
  }
}

.enc h1, .enc h2 {
  text-transform: uppercase;
}

.enc p {
  color: #ffffff;
}

.enc.enc-quiz {
  margin-top: 20px;
  margin-bottom: 20px;
}

.enc-seccion {
  background: #e74c3d;
  text-align: center;
  margin-bottom: 20px;
}

.enc-seccion h2 {
  color: #ffffff;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 767px) {
  .enc-seccion h2 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.cont-start-button {
  float: right;
  font-family: "Avenir-Next-Bold", sans-serif;
  width: 54px;
  padding: 2px;
  text-transform: uppercase;
  background: #e74c3d;
  /* fallback */
  background: linear-gradient(135deg, transparent 3px, #e74c3d 0) top left, linear-gradient(225deg, transparent 3px, #e74c3d 0) top right, linear-gradient(315deg, transparent 3px, #e74c3d 0) bottom right, linear-gradient(45deg, transparent 3px, #e74c3d 0) bottom left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
}

.start-button {
  float: right;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 12px;
  width: 50px;
  text-transform: uppercase;
  color: #e74c3d;
  background: #ffffff;
  /* fallback */
  background: linear-gradient(135deg, transparent 3px, #ffffff 0) top left, linear-gradient(225deg, transparent 3px, #ffffff 0) top right, linear-gradient(315deg, transparent 3px, #ffffff 0) bottom right, linear-gradient(45deg, transparent 3px, #ffffff 0) bottom left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
}

.bg-gray {
  background-image: url("../img/assets/generic/trama-seccion.jpg");
  background-position: top center;
  background-repeat: repeat;
}

.header-content {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

.header-content h2 {
  color: #ffffff;
}

@media (min-width: 767px) {
  .header-content h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/* INI PROGRESO */
.progreso {
  text-align: center;
  padding: 40px 15px;
  text-align: center;
  margin-bottom: 30px;
  background: #333333;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
}

.progreso h3 {
  margin-top: 0px;
}

.progreso .box-barra-progreso {
  padding: 0 15px;
}

@media (min-width: 767px) {
  .progreso .box-barra-progreso {
    padding: 0 15px;
  }
}

.progreso .barra-progreso {
  position: relative;
  width: 100%;
  margin: 0 0 10px 0;
  height: 18px;
  background: #ffffff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  border: 1px solid #ffffff;
}

.progreso .barra-progreso .completado-progreso {
  position: relative;
  background: #e74c3d;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  height: 16px;
}

.progreso .barra-progreso .marca-progreso {
  position: absolute;
  top: -7px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-image: url("../img/assets/generic/marca-progreso.gif");
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #ffffff;
  border: 2px solid #e74c3d;
  border-radius: 100%;
  overflow: visible;
}

.progreso .barra-progreso .marca-progreso .segundos-progreso {
  position: absolute;
  bottom: -25px;
  left: -18px;
  text-align: center;
  display: inline-block;
  width: 60px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #e74c3d;
}

/* FIN PROGRESO */
/* INI TAPA */
.tapa {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  background-color: #333333;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.tapa .cont-btn-tapa {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 15px;
}

.tapa .cont-btn-tapa .btn {
  margin-top: 20%;
}

@media (min-width: 767px) {
  .tapa .cont-btn-tapa .btn {
    margin-top: 50px;
    /*@include centerer;*/
  }
}

.tapa .cont-btn-tapa .btn.participado {
  cursor: default;
  white-space: normal;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.3;
}

/* FIN TAPA */
/* INI MODALS */
.modal {
  text-align: center;
  padding: 0 !important;
  z-index: 10050;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-header {
  border-bottom: none;
}

.modal-body {
  padding: 0 30px;
}

.modal-body h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 22px;
  font-size: 1.375rem;
}

@media (min-width: 767px) {
  .modal-body h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.modal-form {
  max-width: 400px;
  margin: 0 auto;
}

.modal-footer {
  text-align: center;
  border: none;
  padding-bottom: 30px;
}

.modal-header .close {
  outline: none;
}

/* FIN MODALS */
/* INI GRADIENTS */
.gradient-usuario, .fdo-recorrido .cont-recorrido .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9b9bd+14,7e7c7f+100 */
  background: #b9b9bd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b9b9bd 14%, #7e7c7f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b9b9bd 14%, #7e7c7f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b9b9bd 14%, #7e7c7f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9bd', endColorstr='#7e7c7f',GradientType=0 );
  /* IE6-9 */
}

.gradient-btn {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b24646+0,ca2e2e+48,d44040+51,f20c0c+100 */
  background: #b24646;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b24646 0%, #ca2e2e 48%, #d44040 51%, #f20c0c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b24646 0%, #ca2e2e 48%, #d44040 51%, #f20c0c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b24646 0%, #ca2e2e 48%, #d44040 51%, #f20c0c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24646', endColorstr='#f20c0c',GradientType=0 );
  /* IE6-9 */
}

.gradient-btn:active {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b24646+0,ca2e2e+48,d44040+51,f20c0c+100 */
  background: #b24646;
  /* Old browsers */
  background: -moz-linear-gradient(top, #b24646 0%, #ca2e2e 48%, #d44040 51%, #f20c0c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #b24646 0%, #ca2e2e 48%, #d44040 51%, #f20c0c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #b24646 0%, #ca2e2e 48%, #d44040 51%, #f20c0c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b24646', endColorstr='#f20c0c',GradientType=0 );
  /* IE6-9 */
}

/* FIN GRADIENTS */
/* INI TRIANGLE */
.triangle-white {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #ffffff transparent;
}

.triangle-red {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 26px 0 0;
  border-color: #c53d36 transparent transparent transparent;
}

/* FIN TRIANGLE */
/* INI DROPDOWN RANKING */
.btn-group.open .dropdown-toggle {
  outline: none !important;
}

.box-dropdown-ranking {
  /*position: absolute;*/
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  z-index: 100;
}

.box-dropdown-ranking .dropdown-ranking {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 600px) {
  .box-dropdown-ranking .dropdown-ranking {
    width: auto;
  }
}

.box-dropdown-ranking .bootstrap-select {
  width: 100% !important;
  outline: none !important;
}

@media (min-width: 600px) {
  .box-dropdown-ranking .bootstrap-select {
    min-width: 320px;
    text-align: center;
  }
}

@media (min-width: 767px) {
  .box-dropdown-ranking .bootstrap-select {
    min-width: 520px;
  }
}

.box-dropdown-ranking .bootstrap-select.btn-group .btn .filter-option {
  text-align: center;
}

.box-dropdown-ranking .ranking-select {
  font-family: "Avenir-Next-Bold", sans-serif;
  color: #000000;
  background: #ffffff;
  text-transform: uppercase;
  outline: none !important;
}

@media (min-width: 767px) {
  .box-dropdown-ranking .ranking-select {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .box-dropdown-ranking .ranking-select {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu {
  background: #ffffff;
}

.box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li.selected > a {
  color: #e74c3d;
}

.box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
  text-align: center;
  color: #000000;
}

@media (min-width: 767px) {
  .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a:hover {
  color: #e74c3d;
}

.box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu.inner {
  background: #ffffff;
  text-transform: uppercase;
  font-family: "Avenir-Next-Bold", sans-serif;
}

/* FIN DROPDOWN RANKING */
/* INI ITEM RANKING */
.item-ranking {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 400px;
  margin: 0 0 20px 0;
  color: #ffffff;
  background-color: #ffffff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

@media (min-width: 480px) {
  .item-ranking {
    margin: 0 0 40px 0;
  }
}

@media (min-width: 992px) {
  .item-ranking {
    display: inline-block;
    max-width: 31%;
    margin: 0 1% 40px 1%;
  }
}

.item-ranking:hover .foto-zoom img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transform: scale(1.08);
}

.item-ranking .foto-zoom {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
}

.item-ranking img {
  display: block;
  width: 100%;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
}

.item-ranking.item-ranking-xl {
  position: relative;
  overflow: hidden;
  max-width: 400px;
  border: 5px solid #ffffff;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background-clip: padding-box;
}

.item-ranking.item-ranking-xl:hover .foto-zoom img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transform: scale(1.08);
}

.item-ranking.item-ranking-xl .foto-zoom {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.item-ranking.item-ranking-xl .foto-zoom img {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.item-ranking.item-ranking-xl .footer-item-ranking {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #f1f1f1;
  min-height: auto;
  padding: 0;
}

.item-ranking.item-ranking-xl .footer-item-ranking h3 {
  position: relative;
  text-align: center;
  padding: 14px 15px 8px 15px;
}

@media (min-width: 767px) {
  .item-ranking.item-ranking-xl {
    max-width: 100%;
    max-height: 400px;
  }
  .item-ranking.item-ranking-xl .footer-item-ranking h3 {
    font-size: 30px;
    font-size: 1.875rem;
    padding: 20px 15px 16px 15px;
  }
}

.item-ranking .footer-item-ranking {
  position: relative;
  display: inline-block;
  width: 100%;
  background: #e74c3d;
  text-decoration: none;
  color: #ffffff;
  -webkit-border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-clip: padding-box;
  text-align: left;
  padding: 15px;
  line-height: 1.1;
  min-height: 120px;
}

@media (min-width: 992px) {
  .item-ranking .footer-item-ranking {
    min-height: 180px;
  }
}

@media (min-width: 1200px) {
  .item-ranking .footer-item-ranking {
    min-height: 180px;
  }
}

.item-ranking .footer-item-ranking h3 {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  color: #000000;
  font-family: "Advent Pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1;
}

@media (min-width: 767px) {
  .item-ranking .footer-item-ranking h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.item-ranking .footer-item-ranking p {
  font-weight: 400;
  text-transform: none;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 0 !important;
}

@media (min-width: 767px) {
  .item-ranking .footer-item-ranking p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.item-ranking .footer-item-ranking .btn-primary {
  margin: 15px auto 5px auto;
  display: block;
  background: #000000 !important;
}

.item-ranking .footer-item-ranking .btn-primary:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.item-ranking .footer-item-ranking .btn-primary:active, .item-ranking .footer-item-ranking .btn-primary:focus {
  background: #000000 !important;
  border-color: #000000 !important;
}

.item-ranking .footer-item-ranking .cont-footer-item-ranking {
  width: 100%;
  position: relative;
  padding-right: 70px;
  min-height: 70px;
}

.item-ranking .footer-item-ranking .cont-footer-item-ranking .cont-start-button {
  position: absolute;
  top: 25px;
  right: 15px;
}

/* FIN ITEM RANKING */
/* INI CUSTOM FILE INPUT */
.formUploader {
  position: relative;
}

input.file {
  width: 160px;
  height: 40px;
  border: 1px solid #1d2172;
  color: #888;
  padding: 5px;
  margin: 0;
  outline: none;
}

.custom_file_upload {
  position: absolute;
  width: 100%;
  bottom: 65px;
  right: 5px;
  z-index: 10;
}

input.file {
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #cccccc;
  background: #FFFFFF;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #666666;
  width: 100%;
}

.file_upload {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
  margin: 9px 6px 6px 6px;
  text-align: center;
  top: 6px;
  right: 0px;
  z-index: 10;
}

.file_upload:before {
  content: ' ';
  position: absolute;
  left: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  background-image: url(../img/assets/icon-editar-imagen.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 35px;
}

.file_upload input {
  position: relative;
  height: 40px;
  width: 40px;
  display: inline;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

/* FIN CUSTOM FILE INPUT */
/* INI HIGHLIGHTS */
::selection {
  color: #ffffff;
  background: #000000;
}

::-moz-selection {
  color: #ffffff;
  background: #000000;
}

::-webkit-selection {
  color: #ffffff;
  background: #000000;
}

/* FIN HIGHLIGHTS */
/* INI QUITAR AUTOCOMPLETAR */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

/* FIN QUITAR AUTOCOMPLETAR */
/* FIN GENERAL */
/* INI HEADER */
/* ini override navbar */
.navbar {
  border: none !important;
  border-color: transparent !important;
  margin-bottom: 0 !important;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-toggle {
  border: none !important;
  background: #e74c3d !important;
  margin-top: 16px;
  margin-right: 8px;
  padding: 5px 10px 10px 10px;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  color: #ffffff !important;
  background: #e74c3d !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background: #ffffff !important;
  width: 36px;
  height: 3px;
  margin-top: 6px;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:active {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}

.navbar-brand {
  height: auto;
}

.navbar-fixed-top {
  z-index: 1030;
}

/* fin override navbar */
.cont-header {
  background-image: url("../img/assets/generic/trama-header.jpg");
  background-position: top center;
  background-repeat: repeat-x;
  /* background-color: $black;*/
}

.logo {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 90px;
  margin: 13px 15px;
}

.logo img {
  display: block;
}

@media (min-width: 992px) {
  .logo {
    margin: 15px 0;
    max-width: 120px;
  }
}

.menu {
  font-family: "Avenir-Next-Bold", sans-serif;
}

.menu ul {
  display: inline-block;
  width: 100%;
  margin: 0;
  background-color: #000000;
}

@media (min-width: 767px) {
  .menu ul {
    background-color: transparent;
    margin: 10px 0 0 0;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .menu ul {
    margin: 20px 0 0 0;
  }
}

.menu ul li {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  padding: 0;
}

.menu ul li.logo-company a {
  display: block;
  padding: 0;
}

.menu ul li.logo-company a img {
  width: auto;
}

@media (min-width: 767px) {
  .menu ul li.logo-company {
    float: right;
    margin-top: 0px;
  }
}

.menu ul li.salir {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.menu ul li.salir .header-user {
  display: inline-block;
  vertical-align: middle;
  padding-right: 15px;
  margin-right: 6px;
  border-right: 1px solid #ffffff;
}

@media (min-width: 767px) {
  .menu ul li.salir .header-user {
    padding-right: 5px;
  }
}

.menu ul li.salir .header-user .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
}

.menu ul li.salir .header-user .avatar img {
  display: block;
}

@media (min-width: 600px) {
  .menu ul li.salir .header-user .avatar {
    width: 35px;
    height: 35px;
  }
}

@media (min-width: 767px) {
  .menu ul li.salir {
    border-top: none;
  }
}

.menu ul li.salir a {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 0px;
}

.menu ul li.salir a img {
  width: 20px;
  margin-right: 10px;
}

@media (min-width: 767px) {
  .menu ul li.salir a {
    padding-left: 4px;
  }
}

@media (min-width: 767px) {
  .menu ul li.salir {
    float: right;
    margin-top: -4px;
  }
}

.menu ul li a {
  display: inline-block;
  width: 100%;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
}

.menu ul li a.active {
  color: #e74c3d !important;
}

.menu ul li a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.menu ul li a span {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  line-height: 30px;
}

.menu ul li a img {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  margin: 0 5px;
}

@media (min-width: 767px) {
  .menu ul li a img {
    margin: 0;
  }
}

@media (min-width: 767px) {
  .menu ul li a {
    width: auto;
    border-bottom: none;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px 5px;
  }
  .menu ul li a span {
    margin: 0;
  }
}

@media (min-width: 992px) {
  .menu ul li a {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .menu ul li a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 767px) {
  .menu ul li {
    width: auto;
    padding: 0 5px;
  }
}

@media (min-width: 767px) {
  .menu {
    float: left;
    text-align: left;
  }
  .menu #navbar {
    width: 100% !important;
    border-top: none;
  }
}

.usuario-logado {
  padding-top: 10px;
  padding-bottom: 6px;
  min-height: 52px;
  background: #e74c3d;
}

@media (min-width: 600px) {
  .usuario-logado {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@media (min-width: 992px) {
  .usuario-logado {
    padding-top: 7px;
    padding-bottom: 9px;
  }
}

.usuario-logado .sep-usuario {
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 30px;
  margin: 0 2px 0 6px;
  background: #ffffff;
}

@media (min-width: 600px) {
  .usuario-logado .sep-usuario {
    height: 35px;
    margin: 0 4px 0 8px;
  }
}

.usuario-logado .no-pd-r {
  padding-left: 15px !important;
  padding-right: 0px !important;
}

@media (min-width: 767px) {
  .usuario-logado .no-pd-r {
    padding-left: 15px !important;
    padding-right: 0px !important;
  }
}

.usuario-logado .puntuacion-usuario, .usuario-logado .puntuacion-equipo {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}

.usuario-logado .puntuacion-usuario .avatar, .usuario-logado .puntuacion-equipo .avatar {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
}

.usuario-logado .puntuacion-usuario .avatar img, .usuario-logado .puntuacion-equipo .avatar img {
  display: block;
}

@media (min-width: 600px) {
  .usuario-logado .puntuacion-usuario .avatar, .usuario-logado .puntuacion-equipo .avatar {
    width: 45px;
    height: 45px;
  }
}

.usuario-logado .puntuacion-usuario .nombre-usuario, .usuario-logado .puntuacion-equipo .nombre-usuario {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  max-width: 75%;
  font-size: 13px;
  font-size: 0.8125rem;
}

.usuario-logado .puntuacion-usuario .nombre-usuario strong, .usuario-logado .puntuacion-equipo .nombre-usuario strong {
  font-weight: 700 !important;
}

.usuario-logado .puntuacion-usuario .nombre-usuario span, .usuario-logado .puntuacion-equipo .nombre-usuario span {
  display: inline-block;
  vertical-align: top;
  margin: 0 3px;
}

@media (min-width: 600px) {
  .usuario-logado .puntuacion-usuario .nombre-usuario, .usuario-logado .puntuacion-equipo .nombre-usuario {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .usuario-logado .puntuacion-usuario .nombre-usuario, .usuario-logado .puntuacion-equipo .nombre-usuario {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.usuario-logado .puntuacion-equipo {
  display: inline-block;
  vertical-align: middle;
}

.usuario-logado .puntuacion-equipo .avatar {
  box-shadow: none;
}

.usuario-logado .puntuacion-equipo .nombre-usuario {
  max-width: 100%;
  overflow: hidden;
}

.usuario-logado .salir-dt {
  display: none;
}

@media (min-width: 767px) {
  .usuario-logado .salir-dt {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
  }
  .usuario-logado .salir-dt a {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 3px;
    text-align: right;
    padding-left: 15px;
    border-left: 2px solid #ffffff;
  }
  .usuario-logado .salir-dt a img {
    max-width: 28px;
  }
}

@media (min-width: 767px) and (min-width: 992px) {
  .usuario-logado .salir-dt a img {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 15px;
    max-width: 32px;
  }
}

.usuario-logado .btn-notificaciones {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  padding-right: 15px;
}

.usuario-logado .btn-notificaciones a {
  display: inline-block;
  position: relative;
  max-width: 30px;
}

@media (min-width: 767px) {
  .usuario-logado .btn-notificaciones a {
    max-width: 36px;
  }
}

.usuario-logado .btn-notificaciones a .nro-notificaciones {
  position: absolute;
  bottom: 0;
  right: -6px;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  background: #e74c3d;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  padding-left: 1px;
}

.notificaciones .box-notificaciones {
  background: #ffffff;
}

/* FIN HEADER */
/* INI SECCION */
.seccion {
  margin-top: 30px;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .seccion {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

/* FIN SECCION */
/* INI BLOQUE ITEMS */
.bloque-items {
  padding: 15px;
  text-align: center;
}

@media (min-width: 992px) {
  .bloque-items {
    padding: 30px 15px 0 15px;
  }
}

.bloque-items .item-ranking {
  position: relative;
  overflow: hidden;
  max-width: 400px;
  border: none;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  background-clip: padding-box;
}

.bloque-items .item-ranking.item-content-off {
  position: relative;
  cursor: default;
}

.bloque-items .item-ranking.item-content-off .img-content-check {
  position: absolute;
  display: block;
  width: 70px;
  height: 70px;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: auto;
}

.bloque-items .item-ranking.item-content-off .img-content-off {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.bloque-items .item-ranking.item-content-off .footer-item-ranking {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.bloque-items .item-ranking.item-content .footer-item-ranking {
  position: relative;
  min-height: 70px;
}

.bloque-items .item-ranking.item-content .footer-item-ranking h3 {
  text-align: left;
}

.bloque-items .item-ranking.item-content .footer-item-ranking h3 span {
  display: inline-block;
  vertical-align: middle;
  max-width: 85%;
}

.bloque-items .item-ranking.item-content .footer-item-ranking h3 img.icon-item-ranking {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  margin-right: 5px;
}

.bloque-items .item-ranking.item-content .footer-item-ranking .info-footer-item {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: right;
  text-transform: uppercase;
  padding: 0 15px 5px 0;
  margin-top: 0px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #000000;
}

.bloque-items .item-ranking.item-content .foto-zoom {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
}

.bloque-items .item-ranking.item-content .foto-zoom img {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
}

.bloque-items .item-ranking .foto-zoom {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
}

.bloque-items .item-ranking .foto-zoom img {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
}

.bloque-items .item-ranking .footer-item-ranking {
  background: #ffffff;
  min-height: auto;
  padding: 0;
  margin-bottom: -4px;
}

.bloque-items .item-ranking .footer-item-ranking h3 {
  position: absolute;
  max-width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  left: 0;
  transform: translate(0, -50%);
  text-align: left;
  padding: 14px 15px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bloque-items .item-ranking .footer-item-ranking h3 .cont-start-button {
  margin-top: 4px;
}

@media (min-width: 767px) {
  .bloque-items .item-ranking {
    max-height: 400px;
    margin-left: 1%;
    margin-right: 1%;
    max-width: 30%;
  }
  .bloque-items .item-ranking .footer-item-ranking h3 {
    padding: 20px 15px;
  }
}

/* FIN BLOQUE ITEMS */
/* INI DESTACADOS */
.box-texto-destacado {
  position: relative;
  height: auto;
  min-height: 120px;
}

@media (min-width: 600px) {
  .box-texto-destacado {
    height: 100%;
  }
}

.carousel-home {
  /* ini destacados carousel */
  /* fin destacados carousel */
}

.carousel-home .item a {
  text-decoration: none !important;
}

.carousel-home .imagen-destacado-mb {
  display: block !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}

@media (min-width: 767px) {
  .carousel-home .imagen-destacado-mb {
    display: none !important;
  }
}

.carousel-home .imagen-destacado-dt {
  display: none !important;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat no-repeat;
}

@media (min-width: 767px) {
  .carousel-home .imagen-destacado-dt {
    display: block !important;
    min-height: 270px;
  }
}

@media (min-width: 992px) {
  .carousel-home .imagen-destacado-dt {
    display: block !important;
    min-height: 340px;
    /*max-height: 400px;*/
  }
}

.carousel-home .imagen-destacado-mb-dos {
  display: none !important;
}

.carousel-home .imagen-destacado-dt-dos {
  display: none !important;
}

.carousel-home .video-mb {
  display: block !important;
}

@media (min-width: 767px) {
  .carousel-home .video-mb {
    display: none !important;
  }
}

.carousel-home .video-dt {
  display: none !important;
}

@media (min-width: 767px) {
  .carousel-home .video-dt {
    display: block !important;
  }
}

.carousel-home .destacado-carousel {
  width: 100%;
  padding: 10px 30px;
  background-color: #000000;
}

@media (min-width: 600px) {
  .carousel-home .destacado-carousel {
    width: auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    padding: 0;
    width: 50%;
    height: 75%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    background-clip: padding-box;
  }
}

@media (min-width: 767px) {
  .carousel-home .destacado-carousel {
    /*padding: 50px 30px;*/
    width: 50%;
    max-height: 210px;
  }
}

@media (min-width: 992px) {
  .carousel-home .destacado-carousel {
    transform: translate(-20%, -50%);
    max-height: 240px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
  }
}

@media (min-width: 1200px) {
  .carousel-home .destacado-carousel {
    transform: translate(-50%, -50%);
    max-width: 550px;
  }
}

.carousel-home .destacado-carousel .texto-destacado {
  color: #ffffff !important;
  text-align: center;
  width: 90%;
}

@media (min-width: 600px) {
  .carousel-home .destacado-carousel .texto-destacado {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.carousel-home .destacado-carousel .texto-destacado h2 {
  color: #ffffff;
  font-family: "Advent Pro", sans-serif;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 5px;
}

@media (min-width: 600px) {
  .carousel-home .destacado-carousel .texto-destacado h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media (min-width: 767px) {
  .carousel-home .destacado-carousel .texto-destacado h2 {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.carousel-home .destacado-carousel .texto-destacado p {
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
  line-height: 1.4;
}

@media (min-width: 600px) {
  .carousel-home .destacado-carousel .texto-destacado p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media (min-width: 767px) {
  .carousel-home .destacado-carousel .texto-destacado p {
    font-size: 16px;
    font-size: 1rem;
  }
}

.carousel-home .carousel-control .glyphicon-chevron-left, .carousel-home .carousel-control .glyphicon-chevron-right, .carousel-home .carousel-control .icon-next, .carousel-home .carousel-control .icon-prev {
  top: 35%;
}

@media (min-width: 767px) {
  .carousel-home .carousel-control .glyphicon-chevron-left, .carousel-home .carousel-control .glyphicon-chevron-right, .carousel-home .carousel-control .icon-next, .carousel-home .carousel-control .icon-prev {
    top: 50%;
  }
}

.carousel-home .carousel-indicators {
  display: none;
}

@media (min-width: 480px) {
  .carousel-home .carousel-indicators {
    display: block;
    bottom: 4px;
  }
}

.carousel-home .carousel-indicators li {
  background-color: #ffffff;
  border-color: #ffffff;
}

.carousel-home .carousel-indicators li.active {
  background-color: #e74c3d;
  border-color: #e74c3d;
}

.carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel {
  width: 100%;
  position: static;
  padding: 10px 30px;
  background-color: #000000;
}

@media (min-width: 600px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel {
    width: auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    padding: 0;
    width: 50%;
    height: 75%;
    max-height: 170px;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-border-bottom-left-radius: 12px;
    border-bottom-left-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    background-clip: padding-box;
  }
}

@media (min-width: 767px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel {
    /*padding: 50px 30px;*/
    width: 50%;
    max-height: 180px;
  }
}

@media (min-width: 992px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel {
    transform: translate(20px, -70%);
    max-height: 180px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
  }
}

@media (min-width: 1200px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel {
    transform: translate(-30%, -70%);
  }
}

@media (min-width: 1400px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel {
    transform: translate(-70%, -70%);
    max-width: 550px;
  }
}

.carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado {
  width: 100%;
  padding: 15px;
  color: #ffffff !important;
  text-align: center;
}

@media (min-width: 600px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado {
    position: absolute;
    padding: 0 30px;
  }
}

.carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado h2 {
  color: #ffffff;
  font-family: "Advent Pro", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}

@media (min-width: 600px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 767px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media (min-width: 992px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado h2 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado p {
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
}

@media (min-width: 600px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 767px) {
  .carousel-home.carousel-destacados .carousel-inner .item .battle-banner-container .destacado-carousel .texto-destacado p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.carousel-home.carousel-destacados .carousel-inner .item .destacado-carousel.destacado-battle-container {
  width: 100%;
  max-width: 100%;
  padding: 10px 30px;
  background-color: #000000;
}

@media (min-width: 480px) {
  .carousel-home.carousel-destacados .carousel-inner .item .destacado-carousel.destacado-battle-container {
    width: 100%;
    position: static;
    top: 0;
    right: 0;
    transform: none;
    padding: 15px;
    height: auto;
    max-height: none;
    background-color: #000000;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
  }
}

.carousel-home.carousel-destacados .carousel-inner .item .destacado-carousel.destacado-battle-container .texto-destacado {
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  transform: none;
  text-align: center;
}

.carousel-home.carousel-destacados .carousel-inner .item .destacado-carousel.destacado-battle-container .texto-destacado h2 {
  text-transform: uppercase;
}

@media (min-width: 600px) {
  .carousel-home.carousel-destacados .carousel-inner .item .destacado-carousel.destacado-battle-container .texto-destacado h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media (min-width: 767px) {
  .carousel-home.carousel-destacados .carousel-inner .item .destacado-carousel.destacado-battle-container .texto-destacado h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

/* ini crono */
.crono {
  position: relative;
  background-color: #000000;
  text-align: center;
  background-image: url("../img/assets/generic/fdo-crono-2.jpg");
  background-position: top center;
  background-repeat: repeat;
  padding-top: 5px !important;
  padding-bottom: 8px !important;
}

.crono .txt-crono {
  font-family: "Avenir-Next-Bold", sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 8px;
}

.crono .crono-numeros {
  position: absolute;
  width: 100%;
  height: 100%;
}

.crono .bloque-numero {
  display: inline-block;
  color: #ffffff;
  min-width: 40px;
}

@media (min-width: 767px) {
  .crono .bloque-numero {
    min-width: 80px;
  }
}

.crono .bloque-numero strong {
  display: inline-block;
  color: #e74c3d;
  font-family: "ds-digitalnormal", sans-serif;
  width: 100%;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
}

@media (min-width: 767px) {
  .crono .bloque-numero strong {
    font-size: 60px;
    font-size: 3.75rem;
  }
}

.crono .bloque-numero span {
  display: block;
  text-transform: uppercase;
  font-family: "Avenir-Next-Bold", sans-serif;
  line-height: 1;
  margin-top: -3px;
  margin-bottom: 4px;
  font-size: 10px;
  font-size: 0.625rem;
}

@media (min-width: 767px) {
  .crono .bloque-numero span {
    margin-top: -5px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.sep-crono {
  display: inline-block;
  vertical-align: bottom;
  width: 5px;
  min-height: 41px;
  margin-left: 3px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  /*background-image: url('../img/assets/generic/icon-arrow-down.png');
		background-position: bottom center;
		background-repeat: no-repeat;*/
}

@media (min-width: 767px) {
  .sep-crono {
    min-height: 62px;
    background-position: 0 0;
  }
}

.left-crono {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-image: -webkit-linear-gradient(left, black 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, black 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, black 0, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.right-crono {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, black 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, black 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(black));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

/* fin crono */
/* FIN DESTACADOS */
/* INI HOME */
.home {
  margin-top: 0px;
  margin-bottom: 20px;
  /* ini tabs home */
  /* fin tabs home */
  /* ini item conocimientos home */
  /* fin item conocimientos home */
}

@media (min-width: 767px) {
  .home {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}

.home .tabs-home {
  /* --------------- Responsive Fixes --------------- */
  /* small device */
  /* big device */
  /* --------------- / Responsive Fixes --------------- */
}

.home .tabs-home .links-tabs-home {
  text-align: center;
}

.home .tabs-home .links-tabs-home li {
  float: left;
  width: 50%;
}

.home .tabs-home .links-tabs-home li a {
  display: block;
  width: 100%;
  font-family: "Avenir-Next-Bold", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  background: #b3b3b3;
  text-decoration: none;
  position: relative;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  font-size: 11px;
  font-size: 0.6875rem;
  padding-left: 5px;
  padding-right: 5px;
  border: none;
}

.home .tabs-home .links-tabs-home li a .triangle-white {
  position: absolute;
  bottom: 2px;
  right: 2px;
  display: block;
  border-width: 0 0 10px 10px;
}

@media (min-width: 480px) {
  .home .tabs-home .links-tabs-home li a {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 600px) {
  .home .tabs-home .links-tabs-home li a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.home .tabs-home .links-tabs-home li.active a {
  background: #e74c3d;
}

.home .tabs-home .bloque-home {
  padding: 30px 15px 0 15px;
  text-align: center;
}

@media (min-width: 992px) {
  .home .tabs-home .bloque-home {
    padding: 30px 15px 0 15px;
  }
}

.home .tabs-home .bloque-home h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Avenir-Next-Bold", sans-serif;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .home .tabs-home .bloque-home h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.home .tabs-home .bloque-home p {
  font-family: "Avenir-Next-Bold", sans-serif;
  margin-top: 10px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .home .tabs-home .device-big {
    display: none;
  }
  .home .tabs-home .device-small {
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .home .tabs-home .device-big, .home .tabs-home .tab-content > .tab-pane {
    display: block;
  }
  .home .tabs-home .device-small {
    display: none;
  }
  .home .tabs-home .tab-content > .tab-pane {
    display: block;
  }
}

.home .item-conocimientos-home, .home .item-habilidad-home {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 400px;
  margin: 0 0 20px 0;
  color: #ffffff;
  background-color: #a4a3a4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

@media (min-width: 480px) {
  .home .item-conocimientos-home, .home .item-habilidad-home {
    margin: 0 0 30px 0;
  }
}

@media (min-width: 992px) {
  .home .item-conocimientos-home, .home .item-habilidad-home {
    display: inline-block;
    max-width: 31%;
    margin: 0 1% 30px 1%;
  }
}

.home .item-conocimientos-home .foto-zoom, .home .item-habilidad-home .foto-zoom {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
}

.home .item-conocimientos-home img, .home .item-habilidad-home img {
  display: block;
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
}

.home .item-conocimientos-home .footer-item-home, .home .item-habilidad-home .footer-item-home {
  position: relative;
  display: inline-block;
  width: 100%;
  border-top: 3px solid #ffffff;
  background: #000000;
  text-decoration: none;
  color: #ffffff;
  -webkit-border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-clip: padding-box;
  text-align: left;
  padding: 6px 15px;
  line-height: 1.1;
  min-height: 54px;
}

.home .item-conocimientos-home .footer-item-home h3, .home .item-habilidad-home .footer-item-home h3 {
  display: inline-block;
  width: 100%;
  max-width: 70%;
  color: #ffffff;
  font-family: "Avenir-Next-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
}

@media (min-width: 767px) {
  .home .item-conocimientos-home .footer-item-home h3, .home .item-habilidad-home .footer-item-home h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.home .item-conocimientos-home .footer-item-home strong, .home .item-habilidad-home .footer-item-home strong {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.8125rem;
}

.home .item-conocimientos-home .footer-item-home .btn-mas, .home .item-habilidad-home .footer-item-home .btn-mas {
  top: 12px;
  right: 15px;
  padding-left: 1px;
}

.home .item-habilidad-home {
  background: transparent;
}

.home .item-habilidad-home .img-habilidad {
  position: relative;
}

.home .item-habilidad-home .img-habilidad h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: 5;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 32px;
  font-size: 2rem;
  color: #ffffff;
  text-transform: uppercase;
}

.home .item-habilidad-home .footer-item-home h3 {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(0px, -50%);
}

/* FIN HOME */
/* INI ITEMS HOME */
.item-home {
  text-align: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 30px auto;
}

@media (min-width: 767px) {
  .item-home {
    max-width: 320px;
  }
}

@media (min-width: 992px) {
  .item-home {
    display: inline-block;
    max-width: 31%;
    margin: 0 1%;
  }
}

.item-home .enc-item {
  position: relative;
  color: #ffffff;
  background: #e74c3d;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background-clip: padding-box;
  max-width: 200px;
  text-align: left;
  margin-bottom: 10px;
}

.item-home .enc-item h3 {
  display: inline-block;
  vertical-align: top;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  text-transform: uppercase;
  padding: 4px 3px 3px 20px;
}

.item-home .enc-item .rombos {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  vertical-align: top;
  margin: 7px 8px;
}

.item-home .enc-item .rombos .rombo {
  float: left;
  display: block;
  width: 3px;
  height: 3px;
  margin: 0 1px 1px 0;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.item-home .enc-item::after {
  content: " ";
  position: absolute;
  top: 0px;
  right: -26px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 26px 0 0;
  border-color: #e74c3d transparent transparent transparent;
}

.item-home .cont-box {
  padding: 0 15px 25px 15px;
}

.item-home .cont-box img {
  display: inline-block;
}

.item-home .cont-box p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

/* FIN ITEMS HOME */
/* INI RANKING INDEX */
.ranking-index {
  margin-top: 0px;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .ranking-index {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}

.ranking-index .bloque-ranking-index {
  padding: 0px 15px 30px 15px;
  text-align: center;
}

@media (min-width: 992px) {
  .ranking-index .bloque-ranking-index {
    padding: 10px 50px 10px 30px;
  }
}

.ranking-index .bloque-ranking-index h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Advent Pro", sans-serif;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .ranking-index .bloque-ranking-index h2 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.ranking-index .bloque-ranking-index p {
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 40px;
}

.ranking-index .box-dropdown-ranking {
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 0;
  z-index: 100;
}

.ranking-index .box-dropdown-ranking .dropdown-ranking {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 600px) {
  .ranking-index .box-dropdown-ranking .dropdown-ranking {
    width: 100%;
  }
}

.ranking-index .box-dropdown-ranking .bootstrap-select {
  min-width: 100%;
  margin-bottom: 15px;
}

.ranking-index .box-dropdown-ranking .ranking-select {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 767px) {
  .ranking-index .box-dropdown-ranking .ranking-select {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .ranking-index .box-dropdown-ranking .ranking-select {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.ranking-index .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu {
  background: #ffffff;
  color: #000000;
}

.ranking-index .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 767px) {
  .ranking-index .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .ranking-index .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.ranking-index .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a:hover {
  color: #e74c3d;
}

/* FIN RANKING INDEX */
/* INI RANKING FILTER */
.ranking-filter {
  padding-top: 15px;
  padding-bottom: 15px;
  background: #000000;
}

@media (min-width: 767px) {
  .ranking-filter {
    padding-top: 15px;
    padding-bottom: 0px;
  }
}

.ranking-filter .btn-primary {
  height: 40px;
  line-height: 27px;
  display: block;
  max-width: 150px;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .ranking-filter .btn-primary {
    margin: 0;
  }
}

/* FIN RANKING FILTER */
/* INI RECORRIDO RANKING */
/* ini recorrido */
.fdo-recorrido {
  position: relative;
  background-image: url("../img/assets/generic/fdo-recorrido-mb.jpg");
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: 1500px;
  /*background: $black;*/
  /* ini scroll */
  /* fin scroll recorrido */
}

@media (min-width: 767px) {
  .fdo-recorrido {
    background-image: url("../img/assets/generic/fdo-recorrido.jpg");
    background-size: auto;
  }
}

.fdo-recorrido.fdo-recorrido-2 {
  background: #000000;
}

.fdo-recorrido .scroll-recorrido {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #000000;
  text-align: center;
  background-image: url("../img/assets/generic/fdo-crono.jpg");
  background-position: top center;
  background-repeat: repeat;
  z-index: 0;
}

.fdo-recorrido .scroll-recorrido .left-scroll-recorrido {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-image: -webkit-linear-gradient(left, black 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, black 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, black 0, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.fdo-recorrido .scroll-recorrido .right-scroll-recorrido {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, black 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, black 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(black));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.fdo-recorrido .cont-recorrido {
  overflow: auto;
  /*background-image: url('../img/generic/bg-sky.jpg');
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 100%;*/
  /* ini scrollbar */
  /* fin scrollbar */
}

@media (min-width: 767px) {
  .fdo-recorrido .cont-recorrido {
    background-position: 50% 40%;
  }
}

@media (min-width: 992px) {
  .fdo-recorrido .cont-recorrido {
    background-size: auto;
  }
}

.fdo-recorrido .cont-recorrido .recorrido {
  position: relative;
  min-height: 200px;
  /* Tooltip */
  /* Tooltip on top */
}

@media (min-width: 600px) {
  .fdo-recorrido .cont-recorrido .recorrido {
    min-height: 250px;
  }
}

@media (min-width: 767px) {
  .fdo-recorrido .cont-recorrido .recorrido {
    min-height: 350px;
  }
}

.fdo-recorrido .cont-recorrido .recorrido .divider {
  border: 1px dashed #428BCA;
}

.fdo-recorrido .cont-recorrido .recorrido .item-custom-user {
  position: absolute;
  bottom: -3px;
}

.fdo-recorrido .cont-recorrido .recorrido .custom-user {
  position: relative;
  width: 100px;
  height: 100px;
}

.fdo-recorrido .cont-recorrido .recorrido .custom-user .img-over-custom-user {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  z-index: 3;
}

.fdo-recorrido .cont-recorrido .recorrido .custom-user .img-custom-user {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  z-index: 2;
}

.fdo-recorrido .cont-recorrido .recorrido .tooltip {
  z-index: 50 !important;
}

.fdo-recorrido .cont-recorrido .recorrido .custom-user + .tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.fdo-recorrido .cont-recorrido .recorrido .custom-user + .tooltip > .tooltip-inner {
  background-color: #b3b3b3;
  color: #ffffff;
  border: 2px solid #ffffff;
  padding: 6px 10px;
  min-width: 100px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.fdo-recorrido .cont-recorrido .recorrido .custom-user + .tooltip.top > .tooltip-arrow {
  border-top: 10px solid #ffffff;
  bottom: -5px;
}

.fdo-recorrido .cont-recorrido .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 17px;
  max-width: 90%;
  margin: 0 auto;
}

.fdo-recorrido .cont-recorrido .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .fdo-recorrido .cont-recorrido .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .fdo-recorrido .cont-recorrido .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .fdo-recorrido .cont-recorrido .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #e74c3d;
  box-shadow: none !important;
  background-image: none !important;
}

/* fin recorrido */
/* ini animacion recorrido */
@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@-webkit-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@-ms-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

@-moz-keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}

#animate-area {
  background-image: url("../img/assets/generic/nubes-mb.png");
  /*background-image: url(nubes.png);*/
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 30s linear infinite;
  -ms-animation: animatedBackground 30s linear infinite;
  -moz-animation: animatedBackground 30s linear infinite;
  -webkit-animation: animatedBackground 30s linear infinite;
}

@media (min-width: 767px) {
  #animate-area {
    background-image: url("../img/assets/generic/nubes.png");
    animation: animatedBackground 100s linear infinite;
    -ms-animation: animatedBackground 100s linear infinite;
    -moz-animation: animatedBackground 100s linear infinite;
    -webkit-animation: animatedBackground 100s linear infinite;
  }
}

/* fin animacion recorrido */
/* FIN RECORRIDO RANKING */
/* INI RANKING */
.ranking {
  /* ini clasificacion */
  /* fin clasificacion */
  /* ini tab ranking */
  /* fin tab ranking */
}

.ranking .enc {
  margin-top: 5px;
  margin-bottom: 0px;
}

@media (min-width: 767px) {
  .ranking .enc {
    margin-top: 40px;
    margin-bottom: 10px;
  }
}

.ranking .enc h2 {
  margin-top: 0px;
  margin: 0;
}

.ranking .enc a {
  color: #e74c3d;
  font-size: 14px;
}

.ranking .box-dropdown-recorridos {
  position: relative;
  margin: 30px 0;
}

.ranking .clasificacion {
  /* ini dropdown clasificacion */
  /* fin dropdown clasificacion */
}

.ranking .clasificacion .bg-clasificacion {
  background-image: url("../img/assets/generic/trama-seccion.jpg");
  background-position: top center;
  background-repeat: repeat;
  padding-top: 30px;
  padding-bottom: 30px;
}

.ranking .clasificacion .enc-clasificacion {
  display: none;
  padding-top: 10px;
  padding-bottom: 11px;
  background: #252525;
}

.ranking .clasificacion .box-dropdown-clasificacion {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 100;
}

.ranking .clasificacion .box-dropdown-clasificacion .dropdown-clasificacion {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select {
  width: 100% !important;
  outline: none !important;
}

@media (min-width: 600px) {
  .ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select {
    min-width: 320px;
    text-align: center;
  }
}

@media (min-width: 767px) {
  .ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select {
    min-width: 520px;
  }
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .btn .filter-option {
  text-align: center;
}

.ranking .clasificacion .box-dropdown-clasificacion .clasificacion-select {
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  background: #e74c3d;
  text-transform: uppercase;
  outline: none !important;
}

@media (min-width: 767px) {
  .ranking .clasificacion .box-dropdown-clasificacion .clasificacion-select {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .ranking .clasificacion .box-dropdown-clasificacion .clasificacion-select {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu {
  background: #e74c3d;
  text-align: center;
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu > li.selected > a {
  color: #e74c3d;
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu > li > a {
  text-align: center;
  color: #ffffff;
}

@media (min-width: 767px) {
  .ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu > li > a:hover {
  color: #e74c3d;
}

.ranking .clasificacion .box-dropdown-clasificacion .bootstrap-select.btn-group .dropdown-menu.inner {
  background: #e74c3d;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.ranking .clasificacion .intro-clasificacion {
  font-family: "Avenir-Next-Bold", sans-serif;
  color: #ffffff;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .ranking .clasificacion .intro-clasificacion {
    float: none;
    max-width: 900px;
    margin: 0 auto;
  }
  .ranking .clasificacion .intro-clasificacion .container {
    width: 100%;
  }
}

.ranking .clasificacion .intro-clasificacion p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
}

.ranking .clasificacion .intro-clasificacion p span {
  color: #ffffff;
}

@media (min-width: 767px) {
  .ranking .clasificacion .intro-clasificacion p {
    max-width: 350px;
    margin: 80px auto 40px auto;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .ranking .clasificacion .intro-clasificacion p {
    margin: 120px auto 40px auto;
  }
}

.ranking .clasificacion .intro-clasificacion img {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.ranking .clasificacion .intro-clasificacion strong {
  color: #000000;
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
}

.ranking .clasificacion .intro-clasificacion .intro-ganadores {
  margin-top: 40px;
  text-align: center;
  color: #ffffff;
}

.ranking .clasificacion .intro-clasificacion .intro-ganadores h2 {
  color: #e74c3d;
  text-transform: uppercase;
}

.ranking .clasificacion .intro-clasificacion .intro-ganadores p {
  margin: 0;
  padding: 30px;
  max-width: 100%;
}

@media (min-width: 767px) {
  .ranking .clasificacion .intro-clasificacion .intro-ganadores {
    padding-top: 40px;
    border-top: 1px solid #DDD;
  }
}

.ranking .clasificacion .posicion-clasificacion {
  display: block;
  width: 100%;
  max-width: 200px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background: #d9d9d9;
  text-align: center;
  padding: 15px 30px 13px 30px;
  margin: 30px auto 10px auto;
  font-family: "Avenir-Next-Bold", sans-serif;
}

.ranking .clasificacion .posicion-clasificacion span {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
}

.ranking .clasificacion .posicion-clasificacion strong {
  display: block;
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1;
  margin-top: 4px;
}

@media (min-width: 767px) {
  .ranking .clasificacion .posicion-clasificacion {
    margin: 30px auto 0 auto;
  }
}

.ranking .clasificacion .crono {
  border-top: 1px solid #3d3d3d;
  padding-top: 10px;
}

.ranking .tab-ranking {
  margin-top: 0px;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .ranking .tab-ranking {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}

.ranking .tab-ranking p {
  text-align: center;
  color: #ffffff;
  margin: 30px auto 40px auto;
  max-width: 870px;
}

.ranking .tab-ranking p.ranking-text {
  margin: 30px auto 40px auto;
}

.ranking .tab-ranking .nav-tabs li {
  width: 50%;
  text-align: center;
}

.ranking .tab-ranking .nav-tabs li.active a {
  background-color: #e74c3d;
  border: none;
  color: #ffffff;
}

.ranking .tab-ranking .nav-tabs li.active a:hover {
  background-color: #e74c3d;
}

.ranking .tab-ranking .nav-tabs li a {
  display: inline-block;
  width: 100%;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Avenir-Next-Bold", sans-serif;
  text-decoration: none;
  border: none;
  padding-top: 15px;
  padding-bottom: 15px;
  background: rgba(255, 255, 255, 0.2);
}

@media (min-width: 767px) {
  .ranking .tab-ranking .nav-tabs li a {
    font-size: 20px;
    font-size: 1.25rem;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.ranking .tab-ranking .nav-tabs li a:hover {
  background: rgba(255, 255, 255, 0.2);
}

.ranking .tab-ranking .tab-pane {
  background: rgba(255, 255, 255, 0.75);
  padding: 15px;
}

/* ini tabla clasificacion */
.tabla-clasificacion, .noticias .tabla-clasificacion-noticias {
  padding-top: 20px;
  padding-bottom: 15px;
}

@media (min-width: 767px) {
  .tabla-clasificacion, .noticias .tabla-clasificacion-noticias {
    padding-top: 30px;
    padding-bottom: 0px;
  }
}

.tabla-clasificacion table, .noticias .tabla-clasificacion-noticias table {
  background: #ffffff;
}

.tabla-clasificacion table thead tr th, .noticias .tabla-clasificacion-noticias table thead tr th {
  text-align: center;
  vertical-align: middle;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #686767;
  height: 30px;
  line-height: 1.1;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 3px;
  background-color: #d9d9d9;
}

.tabla-clasificacion table thead tr th.cell-left, .noticias .tabla-clasificacion-noticias table thead tr th.cell-left {
  text-align: left;
}

.tabla-clasificacion table thead tr th div, .noticias .tabla-clasificacion-noticias table thead tr th div {
  display: inline-block;
  vertical-align: middle;
}

.tabla-clasificacion table thead tr th span, .noticias .tabla-clasificacion-noticias table thead tr th span {
  vertical-align: middle;
}

@media (min-width: 600px) {
  .tabla-clasificacion table thead tr th, .noticias .tabla-clasificacion-noticias table thead tr th {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

@media (min-width: 992px) {
  .tabla-clasificacion table thead tr th, .noticias .tabla-clasificacion-noticias table thead tr th {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.tabla-clasificacion table thead tr th.sub-head, .noticias .tabla-clasificacion-noticias table thead tr th.sub-head {
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: none;
}

.tabla-clasificacion table tbody tr.fila-datos td, .noticias .tabla-clasificacion-noticias table tbody tr.fila-datos td {
  text-align: left;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #686767;
  background: #f2f2f2 !important;
  padding: 2px 20px 2px 0px;
  border: none;
}

.tabla-clasificacion table tbody tr:last-child td, .noticias .tabla-clasificacion-noticias table tbody tr:last-child td {
  border-bottom: none;
}

.tabla-clasificacion table tbody tr td, .noticias .tabla-clasificacion-noticias table tbody tr td {
  font-family: "Roboto", sans-serif;
  color: #000000;
  text-align: center;
  padding: 5px;
  border-bottom: 3px solid #e3e3e3;
  vertical-align: middle;
}

@media (min-width: 767px) {
  .tabla-clasificacion table tbody tr td, .noticias .tabla-clasificacion-noticias table tbody tr td {
    padding: 10px 0;
  }
}

.tabla-clasificacion table tbody tr td .posicion-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .posicion-tabla {
  display: inline-block;
  margin: 5px 0 0 0;
  width: 100%;
  max-width: 52px;
  min-height: 38px;
  font-size: 20px;
  font-size: 1.25rem;
}

@media (min-width: 600px) {
  .tabla-clasificacion table tbody tr td .posicion-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .posicion-tabla {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.tabla-clasificacion table tbody tr td .podium.kms-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .podium.kms-tabla {
  display: inline-block;
  margin: 5px 0 0 0;
  width: 100%;
  max-width: 52px;
  padding-top: 9px;
  min-height: 34px;
  background-image: url("../img/assets/generic/laurel.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.tabla-clasificacion table tbody tr td .podium.posicion-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .podium.posicion-tabla {
  display: inline-block;
  margin: 5px 0 0 0;
  width: 100%;
  max-width: 52px;
  background-image: url("../img/assets/generic/laurel.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 20px;
  font-size: 1.25rem;
}

@media (min-width: 600px) {
  .tabla-clasificacion table tbody tr td .podium.posicion-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .podium.posicion-tabla {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.tabla-clasificacion table tbody tr td .img-equipo-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .img-equipo-tabla {
  max-width: 30px;
  display: none;
  vertical-align: middle;
  margin-right: 10px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
}

@media (min-width: 480px) {
  .tabla-clasificacion table tbody tr td .img-equipo-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .img-equipo-tabla {
    display: inline-block;
  }
}

@media (min-width: 767px) {
  .tabla-clasificacion table tbody tr td .img-equipo-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .img-equipo-tabla {
    max-width: 40px;
  }
}

.tabla-clasificacion table tbody tr td.nombre-equipo-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla {
  text-align: left;
}

.tabla-clasificacion table tbody tr td.nombre-equipo-tabla a, .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla a {
  display: inline-block;
  vertical-align: middle;
  max-width: 65%;
  color: #e74c3d;
  text-decoration: none;
}

.tabla-clasificacion table tbody tr td.nombre-equipo-tabla a span, .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla a span {
  display: inline-block;
  vertical-align: middle;
  max-width: 65%;
  color: #e74c3d;
}

.tabla-clasificacion table tbody tr td.nombre-equipo-tabla a strong, .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla a strong {
  font-weight: 700;
  color: #e74c3d;
}

@media (min-width: 600px) {
  .tabla-clasificacion table tbody tr td.nombre-equipo-tabla a, .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla a {
    max-width: 75%;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 767px) {
  .tabla-clasificacion table tbody tr td.nombre-equipo-tabla a, .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla a {
    font-size: 16px;
    font-size: 1rem;
  }
}

.tabla-clasificacion table tbody tr td .kms-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .kms-tabla {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 0;
  width: 100%;
  min-width: 38px;
  line-height: 1;
}

@media (min-width: 600px) {
  .tabla-clasificacion table tbody tr td .kms-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .kms-tabla {
    font-size: 16px;
    font-size: 1rem;
  }
}

.tabla-clasificacion table tbody tr td .pts-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .pts-tabla {
  color: #e74c3d;
  line-height: 1;
  display: inline-block;
}

@media (min-width: 600px) {
  .tabla-clasificacion table tbody tr td .pts-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .pts-tabla {
    font-size: 16px;
    font-size: 1rem;
  }
}

.tabla-clasificacion table tbody tr td .pts-tabla strong, .noticias .tabla-clasificacion-noticias table tbody tr td .pts-tabla strong {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
}

.tabla-clasificacion table tbody tr td .pts-tabla .glyphicon-info-sign, .noticias .tabla-clasificacion-noticias table tbody tr td .pts-tabla .glyphicon-info-sign {
  color: #000000;
  font-size: 21px;
  font-size: 1.3125rem;
  margin-top: -3px;
  float: right;
}

.tabla-clasificacion table tbody tr td .pts-tabla a, .noticias .tabla-clasificacion-noticias table tbody tr td .pts-tabla a {
  display: inline-block;
  vertical-align: middle;
}

.tabla-clasificacion table tbody tr td .img-tabla, .noticias .tabla-clasificacion-noticias table tbody tr td .img-tabla {
  display: inline-block;
  vertical-align: middle;
  max-width: 25px;
}

.tabla-clasificacion table tbody tr td .crono-text, .noticias .tabla-clasificacion-noticias table tbody tr td .crono-text {
  display: inline-block;
  vertical-align: middle;
}

.tabla-clasificacion table tbody tr td .tiempo-total, .noticias .tabla-clasificacion-noticias table tbody tr td .tiempo-total {
  padding-left: 15px;
  font-size: 16px;
  font-size: 1rem;
}

.tabla-clasificacion table tfoot tr td, .noticias .tabla-clasificacion-noticias table tfoot tr td {
  text-align: right;
  padding: 5px 15px;
  background-color: #d9d9d9;
}

.tabla-clasificacion table tfoot tr td .btn-mas, .noticias .tabla-clasificacion-noticias table tfoot tr td .btn-mas {
  position: static;
  display: inline-block;
}

.tabla-clasificacion table .more-info, .noticias .tabla-clasificacion-noticias table .more-info {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 18px;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
}

.box-tabla-scroll {
  width: 100%;
  max-height: 300px;
  overflow: auto;
  margin-bottom: 20px;
  /* ini scrollbar */
  /* fin scrollbar */
}

.box-tabla-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #747474;
  background-color: rgba(116, 116, 116, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.box-tabla-scroll .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .box-tabla-scroll .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #d9d9d9;
  box-shadow: none !important;
  background-image: none !important;
}

.box-tabla-scroll .tabla-clasificacion, .box-tabla-scroll .noticias .tabla-clasificacion-noticias, .noticias .box-tabla-scroll .tabla-clasificacion-noticias {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.tabla-space {
  width: 100%;
  height: 10px;
}

/* ini pagination */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #e74c3d;
  border-color: #e74c3d;
}

.pagination > li > a, .pagination > li > span {
  color: #e74c3d;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  color: #e74c3d;
}

/* ini datatable */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 11px;
  left: 10px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: #bebebe;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Glyphicons Halflings" !important;
  line-height: 14px;
  content: '\2b';
  background-color: transparent;
}

@media (min-width: 767px) {
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 16px;
  }
}

@media (min-width: 1200px) {
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    top: 24px;
  }
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '\2212';
  font-family: "Glyphicons Halflings" !important;
  background-color: transparent;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #337ab7;
}

table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #ddd;
  padding: 0.8em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}

div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
  margin-bottom: 20px;
}

div.dataTables_wrapper div.dataTables_length select {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-size: 1rem;
  padding: 0px 10px;
}

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 10px !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
  bottom: 8px !important;
  opacity: 0.6 !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: block;
  text-align: left;
  padding: 15px 15px 0 15px;
  background: #ffffff;
}

table.dataTable > tbody > tr.child ul.dtr-details li span {
  display: inline-block;
  vertical-align: top;
  padding-right: 30px;
  line-height: 1.2 !important;
}

table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title {
  width: 48%;
  max-width: 200px;
  font-weight: 400;
  color: #686767;
}

@media (min-width: 767px) {
  table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title .title-detail {
    font-size: 16px;
    font-size: 1rem;
  }
}

table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title .sub-detail {
  font-size: 11px;
  font-size: 0.6875rem;
}

@media (min-width: 767px) {
  table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-title .sub-detail {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-data .kms-tabla {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  text-align: center;
}

@media (min-width: 767px) {
  table.dataTable > tbody > tr.child ul.dtr-details li span.dtr-data .kms-tabla {
    margin-top: -1px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

table.dataTable.nowrap th, table.dataTable.nowrap td, div.dataTables_wrapper div.dataTables_info {
  white-space: normal !important;
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 42px !important;
  white-space: normal !important;
  font-size: 14px;
  font-size: 0.875rem;
}

div.dataTables_wrapper div.dataTables_paginate {
  margin-top: 30px !important;
}

div.dataTables_wrapper div.dataTables_paginate .pagination > .active > a, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > a:focus, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > a:hover, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > span, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > span:focus, div.dataTables_wrapper div.dataTables_paginate .pagination > .active > span:hover {
  background-color: #e74c3d;
  border-color: #e74c3d;
  color: #ffffff;
}

div.dataTables_wrapper div.dataTables_paginate .pagination > li > a, div.dataTables_wrapper div.dataTables_paginate .pagination > li > span {
  color: #e74c3d;
}

/* fin datatable */
/* fin tabla clasificacion */
/* ini tabla emparejamientos */
.tabla-emparejamientos {
  table-layout: fixed;
}

.tabla-emparejamientos table thead tr th {
  text-align: left;
  padding: 3px 12px;
}

.tabla-emparejamientos table tbody tr td {
  padding-left: 20px;
  text-align: left;
  text-transform: uppercase;
  color: #686767;
  border: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.lose {
  color: #e74c3d !important;
}

.win {
  color: #10a817 !important;
}

.standby {
  color: #e74c3d !important;
}

/* fin tabla emparejamientos */
/* FIN RANKING */
/* INI FICHA EQUIPO */
.ficha-equipo {
  background-image: url("../img/assets/generic/trama-seccion.jpg");
  background-position: top center;
  background-repeat: repeat;
  padding-bottom: 40px;
}

.ficha-equipo h1 {
  color: #000000;
  margin-bottom: 0;
}

.ficha-equipo .box-dropdown-recorridos {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.ficha-equipo .cont-maillot-equipo {
  position: relative;
  margin: 20px auto 0 auto;
  display: block;
}

@media (min-width: 767px) {
  .ficha-equipo .cont-maillot-equipo {
    margin: 40px auto 0 auto;
  }
}

.ficha-equipo .cont-maillot-equipo .dorsal-equipo {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -35%);
  background: #000000;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
  width: 40%;
  padding: 12px 5px;
  line-height: 1.1;
  max-width: 126px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

@media (min-width: 480px) {
  .ficha-equipo .cont-maillot-equipo .dorsal-equipo {
    font-size: 16px;
    font-size: 1rem;
    width: 46%;
    max-width: 146px;
    padding: 12px 15px;
  }
}

.ficha-equipo .maillot-equipo {
  margin: 20px auto 0 auto;
  display: block;
  width: 100%;
  max-width: 80%;
}

@media (min-width: 480px) {
  .ficha-equipo .maillot-equipo {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
  }
}

@media (min-width: 767px) {
  .ficha-equipo .maillot-equipo {
    margin: 40px auto 0 auto;
    max-width: 300px;
  }
}

.ficha-equipo .culotte-equipo {
  margin: 0px auto 20px auto;
  display: block;
  width: 100%;
  max-width: 70%;
  padding-left: 2px;
}

@media (min-width: 480px) {
  .ficha-equipo .culotte-equipo {
    width: 100%;
    max-width: 250px;
    margin: -15px auto 20px auto;
  }
}

@media (min-width: 767px) {
  .ficha-equipo .culotte-equipo {
    margin: -15px auto 20px auto;
    max-width: 250px;
  }
}

.ficha-equipo .bicicleta-equipo {
  margin: 20px auto 0 auto;
  display: block;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 480px) {
  .ficha-equipo .bicicleta-equipo {
    width: 100%;
    margin: 70px auto 0 auto;
  }
}

@media (min-width: 1200px) {
  .ficha-equipo .bicicleta-equipo {
    width: 100%;
    margin: 20px auto 0 auto;
  }
}

.ficha-equipo .btn-custom-bicicleta {
  margin-bottom: 30px;
  text-align: center;
}

.ficha-equipo .stats-equipo {
  margin: 20px auto;
  display: block;
  width: 100%;
  background: #c2c3c3;
  text-align: center;
  -webkit-border-bottom-right-radius: 100px;
  border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  border-bottom-left-radius: 100px;
  background-clip: padding-box;
}

@media (min-width: 480px) {
  .ficha-equipo .stats-equipo {
    width: 100%;
    max-width: 300px;
    margin: 40px auto 20px auto;
  }
}

@media (min-width: 992px) {
  .ficha-equipo .stats-equipo {
    margin-top: 40px;
    max-width: 350px;
  }
}

.ficha-equipo .stats-equipo h1 {
  position: relative;
  width: 100%;
  min-height: 50px;
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  background-color: #b91419;
  background-image: url("../img/assets/generic/fdo-reflejo.png");
  background-position: 50% 20px;
  background-repeat: no-repeat;
  font-size: 16px;
  font-size: 1rem;
  padding: 0px 15px;
  margin: 0;
  line-height: 1;
  -webkit-border-bottom-right-radius: 100px;
  border-bottom-right-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  border-bottom-left-radius: 100px;
  background-clip: padding-box;
}

.ficha-equipo .stats-equipo h1 span {
  display: block;
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 767px) {
  .ficha-equipo .stats-equipo h1 {
    min-height: 70px;
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.ficha-equipo .stats-equipo ul {
  padding: 20px 0 10px 0;
}

.ficha-equipo .stats-equipo ul li {
  font-family: "Avenir-Next-Bold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .ficha-equipo .stats-equipo ul li {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.ficha-equipo .stats-equipo ul li .glyphicon {
  color: #e74c3d;
}

.ficha-equipo .stats-equipo ul li strong {
  display: inline-block;
  width: 100%;
  font-weight: 900;
  font-size: 26px;
  font-size: 1.625rem;
  color: #ffffff;
}

@media (min-width: 767px) {
  .ficha-equipo .stats-equipo ul li strong {
    font-size: 32px;
    font-size: 2rem;
  }
}

.ficha-equipo .jugadores-equipo {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.ficha-equipo .jugadores-equipo .item-jugador {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 320px;
  margin: 10px 0;
  color: #ffffff;
  background-color: #a4a3a4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

@media (min-width: 480px) {
  .ficha-equipo .jugadores-equipo .item-jugador {
    margin: 10px;
  }
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador {
  position: relative;
  width: 100%;
  min-height: 150px;
  padding: 10px;
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .avatar-jugador {
  float: left;
  width: 35%;
  max-width: 120px;
  position: relative;
}

@media (min-width: 767px) {
  .ficha-equipo .jugadores-equipo .item-jugador .info-jugador .avatar-jugador {
    width: 40%;
  }
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .avatar-jugador img {
  display: block;
  border: 3px solid #ffffff;
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .stats-jugador {
  float: right;
  width: 65%;
  position: relative;
  min-height: 100px;
}

@media (min-width: 767px) {
  .ficha-equipo .jugadores-equipo .item-jugador .info-jugador .stats-jugador {
    width: 60%;
  }
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .stats-jugador .txt-stats-jugador {
  position: absolute;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-family: "Avenir-Next-Bold", sans-serif;
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .stats-jugador .txt-stats-jugador h2 {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 10px;
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .stats-jugador .txt-stats-jugador div {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  text-align: center;
}

.ficha-equipo .jugadores-equipo .item-jugador .info-jugador .stats-jugador .txt-stats-jugador div span.glyphicon {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #e74c3d;
}

.ficha-equipo .jugadores-equipo .item-jugador .mas-info-jugador {
  padding: 20px;
  max-height: 180px;
  overflow: auto;
  background: #000;
}

.ficha-equipo .jugadores-equipo .item-jugador .mas-info-jugador table {
  margin-bottom: 20px;
  font-size: 13px;
  font-size: 0.8125rem;
}

.ficha-equipo .jugadores-equipo .item-jugador .mas-info-jugador table tr th {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 5px;
}

.ficha-equipo .jugadores-equipo .item-jugador .mas-info-jugador table tr td {
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ficha-equipo .jugadores-equipo .item-jugador .mas-info-jugador table tr td strong {
  display: inline-block;
  width: 100%;
  text-align: left;
}

.ficha-equipo .jugadores-equipo .item-jugador .mas-info-jugador table tr:last-child td {
  border-bottom: none;
}

.ficha-equipo .jugadores-equipo .item-jugador .editar-info-jugador {
  text-align: left;
  padding: 20px;
  background: #000;
}

.ficha-equipo .jugadores-equipo .item-jugador .editar-info-jugador label {
  display: inline-block;
  font-size: 11px;
  font-size: 0.6875rem;
  width: 100%;
  padding-bottom: 4px;
  text-transform: uppercase;
}

.ficha-equipo .jugadores-equipo .item-jugador .editar-info-jugador .form-control-sm {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 6px;
  color: #686767;
}

.ficha-equipo .jugadores-equipo .item-jugador .editar-info-jugador .btn-primary {
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 8px 0 0 0;
}

.ficha-equipo .jugadores-equipo .item-jugador .footer-jugador {
  position: relative;
  border-top: 3px solid #ffffff;
  background: #000000;
  -webkit-border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  background-clip: padding-box;
  text-align: left;
  padding: 6px 8px;
}

.ficha-equipo .jugadores-equipo .item-jugador .footer-jugador h3 {
  display: inline-block;
  width: 100%;
  max-width: 70%;
  color: #ffffff;
  font-family: "Avenir-Next-Bold", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
}

.ficha-equipo .jugadores-equipo .item-jugador .footer-jugador .btn-editar {
  position: absolute;
  top: 4px;
  right: 44px;
  display: block;
  width: 26px;
  height: 26px;
  color: #ffffff;
  background: #e74c3d;
  text-align: center;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
}

.ficha-equipo .jugadores-equipo .item-jugador .footer-jugador .btn-editar span {
  line-height: 26px;
  font-size: 16px;
  font-size: 1rem;
}

.ficha-equipo .top-ficha-equipo {
  max-width: 750px;
  margin: 0 auto;
}

@media (min-width: 1200px) {
  .ficha-equipo .top-ficha-equipo {
    max-width: 900px;
  }
}

/* FIN FICHA EQUIPO */
/* INI NOTICIAS */
.noticias .tabla-clasificacion-noticias {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width: 767px) {
  .noticias .tabla-clasificacion-noticias {
    padding-top: 45px;
    padding-bottom: 30px;
  }
}

@media (min-width: 600px) {
  .noticias .tabla-clasificacion-noticias table thead tr th {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media (min-width: 992px) {
  .noticias .tabla-clasificacion-noticias table thead tr th {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media (min-width: 600px) {
  .noticias .tabla-clasificacion-noticias table tbody tr td .posicion-tabla {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 600px) {
  .noticias .tabla-clasificacion-noticias table tbody tr td .kms-tabla {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 767px) {
  .noticias .tabla-clasificacion-noticias table tbody tr td .img-equipo-tabla {
    max-width: 30px;
  }
}

@media (min-width: 600px) {
  .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla span {
    max-width: 65%;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 767px) {
  .noticias .tabla-clasificacion-noticias table tbody tr td.nombre-equipo-tabla span {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 600px) {
  .noticias .tabla-clasificacion-noticias .cell-mb {
    display: none;
  }
}

.noticias .enc-noticias {
  background: #e74c3d;
  padding-top: 15px;
  padding-bottom: 10px;
}

@media (min-width: 767px) {
  .noticias .enc-noticias {
    padding-top: 20px;
  }
}

.noticias .enc-noticias h1 {
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
}

.noticias .enc-noticias h1 strong {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 767px) {
  .noticias .enc-noticias h1 {
    font-size: 23px;
    font-size: 1.4375rem;
  }
  .noticias .enc-noticias h1 strong {
    font-size: 53px;
    font-size: 3.3125rem;
  }
}

.noticias .enc-noticias .logo-noticias {
  text-align: right;
}

.noticias .enc-noticias .logo-noticias img {
  display: inline-block;
  max-width: 110px;
}

@media (min-width: 767px) {
  .noticias .enc-noticias .logo-noticias img {
    max-width: 130px;
  }
}

.noticias .listado-noticias {
  padding-top: 30px;
  padding-bottom: 30px;
}

.noticias .listado-noticias .item-noticia {
  float: none;
  max-width: 450px;
  margin: 0 auto 15px auto;
}

@media (min-width: 767px) {
  .noticias .listado-noticias .item-noticia {
    float: left;
    margin: 15px auto;
    max-width: 100%;
  }
}

.noticias .listado-noticias .item-noticia a {
  display: inline-block;
  text-decoration: none;
  color: #686767;
  padding: 15px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.noticias .listado-noticias .item-noticia a:hover {
  background: #eee;
}

.noticias .listado-noticias .item-noticia img {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  margin: 0 auto;
}

.noticias .listado-noticias .item-noticia h3 {
  display: inline-block;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 10px;
  text-align: center;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1;
  color: #e74c3d;
  font-weight: 400;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .noticias .listado-noticias .item-noticia h3 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.noticias .listado-noticias .item-noticia p span {
  text-decoration: underline;
}

/* FIN NOTICIAS */
/* INI LOGIN */
.enc-login {
  padding: 5px 15px 25px 15px;
}

.enc-login img {
  display: block;
  margin: 0 auto;
  max-width: 45%;
}

@media (min-width: 380px) {
  .enc-login img {
    max-width: 140px;
  }
}

@media (min-width: 767px) {
  .enc-login img {
    max-width: 100%;
  }
}

.fdo-login .logo-footer {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.login {
  text-align: center;
  color: #ffffff;
  padding: 20px 0;
}

@media (min-width: 767px) {
  .login {
    font-size: 28px;
    font-size: 1.75rem;
    padding: 70px 0 30px 0;
  }
}

.login .center-block {
  max-width: 510px;
}

.login h2 {
  width: 100%;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.25rem;
  color: #ffffff;
  margin-bottom: 15px;
}

@media (min-width: 767px) {
  .login h2 {
    font-size: 32px;
    font-size: 2rem;
  }
}

.login p {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 15px;
  text-shadow: 0px 0px 2px #693c24;
}

.login p a {
  color: #ffffff;
}

@media (min-width: 767px) {
  .login p {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 30px;
  }
}

.login .btn-primary {
  color: #ffffff !important;
  background: #000000 !important;
  border-color: #000000;
  border-width: 2px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Avenir-Next-Bold", sans-serif;
  padding: 10px 30px;
  text-transform: uppercase;
}

.login .btn-primary span {
  margin: 0 10px;
}

.login .btn-primary:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.login .btn-primary:active, .login .btn-primary:focus {
  background: #000000 !important;
  border-color: #000000 !important;
}

@media (min-width: 767px) {
  .login .btn-primary {
    font-size: 19px;
    font-size: 1.1875rem;
    padding: 16px 50px;
  }
}

.login .login-form {
  float: none;
  max-width: 360px;
  margin: 0 auto;
}

.login .login-form .form-group {
  text-align: left;
}

.login .login-form .form-group label {
  margin-top: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  text-transform: uppercase;
}

@media (min-width: 767px) {
  .login .login-form .form-group label {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.login .login-form .form-group .form-control {
  background: rgba(255, 255, 255, 0.8);
}

@media (min-width: 767px) {
  .login .login-form .form-group .form-control.input-lg {
    height: 48px;
  }
}

.login .login-form .recordar-password {
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
}

.login .login-form .btn-primary {
  margin: 30px 0;
}

@media (min-width: 767px) {
  .login .login-form .btn-primary {
    margin: 40px 0;
  }
}

.login .login-form.login-rgpd {
  max-width: 100%;
}

.login .login-form.login-rgpd .checkbox label {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
  text-transform: none;
  text-align: left;
}

.login .login-form.login-rgpd .checkbox label a {
  color: #ffffff;
}

.login .login-form.login-rgpd .checkbox label span {
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}

.login .login-form.login-rgpd .checkbox-interior {
  display: inline-block;
  vertical-align: top;
  padding-left: 50px;
}

.login .login-form.login-rgpd .checkbox-interior label {
  width: 100%;
}

.login .login-form.login-rgpd .btn-primary {
  margin: 10px 0;
}

.login .login-form .disclaimer {
  margin: 30px 0 0 0;
  text-align: left;
}

.login .login-form .disclaimer p {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
}

.login .login-form .disclaimer p a {
  color: #ffffff;
}

/* FIN LOGIN */
/* INI FORMACION */
.formacion .tabla-clasificacion, .formacion .noticias .tabla-clasificacion-noticias, .noticias .formacion .tabla-clasificacion-noticias {
  margin: 0;
  padding: 0;
}

.formacion .cont-imagen-pdf {
  background: #e74c3d;
  padding: 0;
}

.formacion .cont-imagen-pdf .imagen-pdf {
  position: relative;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.formacion .tablas-formacion {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* FIN FORMACION */
/* INI QUIZ */
.quiz {
  position: relative;
  padding-top: 0px;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.quiz .enc p {
  margin-bottom: 10px;
}

.quiz.quiz-juego .cont-imagen-quiz .imagen-quiz {
  max-width: 400px;
  margin: 0 auto;
}

.quiz.quiz-juego .item-quiz {
  margin-top: 0;
}

.quiz.quiz-juego .item-quiz .opciones {
  text-align: center;
}

.quiz .item-quiz {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 15px;
  text-align: left;
  border-bottom: 1px solid #CCC;
  background: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.quiz .item-quiz:last-child {
  border-bottom: none;
}

.quiz .item-quiz .nro-pregunta {
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 46px;
  font-size: 2.875rem;
  line-height: 1;
  color: #e74c3d;
  text-align: right;
  padding-right: 0;
}

.quiz .item-quiz .pregunta {
  text-align: left;
  font-weight: bold;
  width: 100%;
  line-height: 1.3;
  padding: 0 6px;
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 767px) {
  .quiz .item-quiz .pregunta {
    margin: 0 0 15px 0;
    font-size: 16px;
    font-size: 1rem;
  }
}

.quiz .item-quiz .opciones {
  text-align: left;
}

.quiz .item-quiz .opciones ul {
  margin: 10px 0 0 0;
  display: inline-block;
}

.quiz .item-quiz .opciones ul li {
  text-align: left;
  margin: 10px 0 15px 0;
  line-height: 1.3;
  font-size: 14px;
  font-size: 0.875rem;
}

.quiz .item-quiz .opciones ul li label {
  text-transform: none;
  font-family: "Roboto", sans-serif;
}

.quiz .item-quiz .opciones ul li.ok label {
  font-weight: bold;
  color: #10a817 !important;
}

.quiz .item-quiz .opciones ul li.wrong label {
  font-weight: bold;
  color: #e74c3d !important;
}

.quiz .item-quiz .opciones ul li strong {
  font-weight: bold;
}

@media (min-width: 767px) {
  .quiz .item-quiz .opciones ul li {
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 767px) {
  .quiz .item-quiz .opciones ul {
    margin: 10px 0 0 0;
  }
}

/* FIN QUIZ */
/* INI CUSTOMIZACION */
.customizacion {
  width: 100%;
  /* ini nuevas */
  /* fin nuevas */
  /* ini customizacion  */
  /* fin customizacion maillot */
  /* ini customizacion culotte */
  /* fin customizacion culotte */
  /* ini customizacion bicicleta  */
  /* fin customizacion bicicleta */
  /* ini customizacion tooltip */
  /*
	.selectorTooltip ul:before {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -10px;
		width: 0; height: 0;
		border-bottom: 10px solid #d4d4d4;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;

	}
	.selectorTooltip ul:after {
		content: '';
		position: absolute;
		bottom: 100%;
		left: 50%;
		margin-left: -8px;
		width: 0;
		height: 0;
		border-bottom: 8px solid #FFF;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
	}*/
  /* fin customizacion tooltip */
}

.customizacion .enc {
  margin-bottom: 0px;
}

.customizacion .boxCreaFichaEquipo {
  background: #e21e23;
  text-align: center;
  padding: 30px 20px;
}

.customizacion .boxCreaFichaEquipo h2 {
  margin-bottom: 10px;
}

.customizacion .boxCreaFichaEquipo h2 span {
  font-size: 20px;
  font-size: 1.25rem;
  color: #FFF;
}

.customizacion .boxCreaFichaEquipo .blq {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 400px;
  margin: 10px auto 0 auto;
}

.customizacion .boxCreaFichaEquipo .blq input {
  font-weight: 600;
}

.customizacion .boxCustomizaEquipacion {
  text-align: center;
  padding: 0;
}

.customizacion .box_btn {
  width: auto;
  margin: 0 auto;
  display: table;
}

.customizacion .btn {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #e21e23;
  padding: 3px 10px;
  display: inline-block;
  line-height: 1;
}

.customizacion .nav-tabs {
  margin-top: 0px;
  margin-bottom: 20px;
  border-bottom: none;
}

.customizacion .nav-tabs > li {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  text-decoration: none;
  width: 33.333%;
}

.customizacion .nav-tabs > li.active .item-selector {
  background-color: #e74c3d;
}

.customizacion .nav-tabs > li a {
  background-color: transparent;
  border: none;
  text-decoration: none;
  color: #555;
}

.customizacion .nav-tabs > li a strong {
  font-weight: 600;
  text-decoration: none;
}

.customizacion .nav-tabs > li a:hover, .customizacion .nav-tabs > li a:active, .customizacion .nav-tabs > li a:focus {
  color: #555;
  background-color: transparent;
  border: none;
  text-decoration: none;
}

.customizacion .item-selector {
  max-width: 80px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  background-color: #b0b0b0;
  border: 5px solid #222221;
  margin: 0 auto 8px auto;
}

.customizacion .tab-content > .tab-pane {
  margin-top: 0px;
  padding: 0 0 30px 0;
  min-height: 138px;
}

@media (min-width: 767px) {
  .customizacion .tab-content > .tab-pane {
    padding: 30px;
    min-height: 180px;
  }
}

.customizacion .customizaMaillot {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.customizacion .selectorMaillot {
  display: block;
  width: 100%;
  text-align: center;
}

.customizacion .selectorMaillot li {
  display: inline-block;
  width: 70px;
  height: auto;
  margin: 0 5px 10px 5px;
}

@media (min-width: 767px) {
  .customizacion .selectorMaillot li {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 15px;
  }
}

.customizacion .selectorMaillot li a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  border: 3px solid #e6e6e6;
  background: #ffffff;
}

.customizacion .selectorMaillot li a.activo {
  border: 3px solid #e74c3d;
}

.customizacion .selectorVolante {
  display: block;
  width: 100%;
  text-align: center;
}

.customizacion .selectorVolante li {
  display: inline-block;
  width: 70px;
  height: auto;
  margin: 0 5px 10px 5px;
}

@media (min-width: 767px) {
  .customizacion .selectorVolante li {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 15px;
  }
}

.customizacion .selectorVolante li a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  border: 3px solid #e6e6e6;
  background: #ffffff;
}

.customizacion .selectorVolante li a.activo {
  border: 3px solid #e74c3d;
}

.customizacion .imagenMaillot {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  max-width: 300px;
  position: relative;
}

.customizacion .selectorColorFondoMaillot {
  position: absolute;
  display: none;
  bottom: 10%;
  left: 15%;
  z-index: 3;
  max-width: 45px;
}

.customizacion .selectorColorFrontalMaillot {
  position: absolute;
  display: none;
  bottom: 60%;
  right: 10%;
  z-index: 4;
  max-width: 45px;
}

.customizacion .selectorColorFondoMaillot img {
  display: block;
}

.customizacion .selectorColorFrontalMaillot img {
  display: block;
}

.customizacion .customizaCulotte {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 130px auto;
}

.customizacion .selectorCulotte {
  display: block;
  width: 100%;
  text-align: center;
}

.customizacion .selectorCulotte li {
  display: inline-block;
  width: 25%;
  width: 90px;
  height: 90px;
}

.customizacion .selectorCulotte li a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 3px solid #e6e6e6;
}

.customizacion .selectorCulotte li a.activo {
  border: 3px solid #e74c3d;
}

.customizacion .imagenCulotte {
  margin: 30px auto;
  width: 100%;
  height: 100%;
  max-width: 300px;
  position: relative;
}

.customizacion .selectorColorFondoCulotte {
  position: absolute;
  display: block;
  bottom: 32%;
  left: 75%;
  z-index: 3;
  max-width: 45px;
}

.customizacion .selectorColorFrontalCulotte {
  position: absolute;
  display: block;
  bottom: 58%;
  right: 68%;
  z-index: 4;
  max-width: 45px;
}

.customizacion .selectorColorFondoCulotte img {
  display: block;
}

.customizacion .selectorColorFrontalCulotte img {
  display: block;
}

.customizacion .customizaBicicleta {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 534px;
  margin: 0 auto;
}

.customizacion .selectorBicicleta {
  display: block;
  width: 100%;
  text-align: center;
}

.customizacion .selectorBicicleta li {
  display: inline-block;
  width: 70px;
  height: auto;
  margin: 0 5px 10px 5px;
}

@media (min-width: 767px) {
  .customizacion .selectorBicicleta li {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 15px;
  }
}

.customizacion .selectorBicicleta li a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  border: 3px solid #e6e6e6;
  background: #ffffff;
}

.customizacion .selectorBicicleta li a.activo {
  border: 3px solid #e74c3d;
}

.customizacion .selectorArma {
  display: block;
  width: 100%;
  text-align: center;
}

.customizacion .selectorArma li {
  display: inline-block;
  width: 70px;
  height: auto;
  margin: 0 5px 10px 5px;
}

@media (min-width: 767px) {
  .customizacion .selectorArma li {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 15px;
  }
}

.customizacion .selectorArma li a {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
  border: 3px solid #e6e6e6;
  background: #ffffff;
}

.customizacion .selectorArma li a.activo {
  border: 3px solid #e74c3d;
}

.customizacion .imagenBicicleta {
  margin: 30px auto;
  width: 100%;
  height: 100%;
  max-width: 534px;
  position: relative;
}

.customizacion .selectorColorRuedaBicicleta {
  position: absolute;
  display: none;
  bottom: 35%;
  left: 26%;
  z-index: 3;
  max-width: 45px;
}

.customizacion .selectorColorCuadroBicicleta {
  position: absolute;
  display: none;
  bottom: 54%;
  right: 29%;
  z-index: 4;
  max-width: 45px;
}

.customizacion .selectorColorRuedaBicicleta img {
  display: block;
}

.customizacion .selectorColorCuadroBicicleta img {
  display: block;
}

.customizacion .selectorTooltip {
  position: static;
  z-index: 999;
  /*
		top:95%;
        left:0;
        */
  width: 100%;
  color: #000000;
  background: transparent;
  /*
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
        */
}

.customizacion .selectorTooltip ul {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
}

.customizacion .selectorTooltip ul li {
  display: inline-block;
  width: 15%;
  padding: 0px;
  margin: 15px 2% 0 2%;
}

.customizacion .selectorTooltip ul li a {
  display: inline-block;
  width: 101%;
  height: 40px;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.customizacion .selectorTooltip.colorFrontalCulotte {
  top: 80%;
}

.customizacion .selectorTooltip.colorFondoCulotte {
  top: 80%;
}

.customizacion .selectorTooltip.colorSecundarioCulotte {
  top: 80%;
}

.customizacion .selectorTooltip.colorFrontalCulotte ul li a {
  height: 50px;
}

.customizacion .selectorTooltip.colorFrontalCulotte ul li a img {
  width: auto;
  max-height: 60px;
}

.customizacion .selectorTooltip ul li a.activo {
  border: 4px solid #000;
}

.customizacion .selectorTooltip .opcionImagen {
  height: 70px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.customizacion .selectorTooltip .opcionImagen img {
  display: block;
  width: auto;
  margin: 0 auto;
  height: 100%;
}

.customizacion .selectorTooltip .opcionColorA {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e8149+0,067145+100 */
  background: #3e8149;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3e8149 0%, #067145 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3e8149 0%, #067145 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3e8149 0%, #067145 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e8149', endColorstr='#067145',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorB {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#613361+0,3f163a+100 */
  background: #613361;
  /* Old browsers */
  background: -moz-linear-gradient(left, #613361 0%, #3f163a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #613361 0%, #3f163a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #613361 0%, #3f163a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#613361', endColorstr='#3f163a',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorC {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008bcf+1,005e8a+100 */
  background: #008bcf;
  /* Old browsers */
  background: -moz-linear-gradient(left, #008bcf 1%, #005e8a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #008bcf 1%, #005e8a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #008bcf 1%, #005e8a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bcf', endColorstr='#005e8a',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorD {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e76a2b+0,8d4217+100 */
  background: #e76a2b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e76a2b 0%, #8d4217 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e76a2b 0%, #8d4217 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e76a2b 0%, #8d4217 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76a2b', endColorstr='#8d4217',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorE {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#de040b+0,911a1d+100 */
  background: #de040b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #de040b 0%, #911a1d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #de040b 0%, #911a1d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #de040b 0%, #911a1d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de040b', endColorstr='#911a1d',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorG {
  background: #FFFF00;
}

.customizacion .selectorTooltip .opcionColorH {
  background: #34ea46;
}

.customizacion .selectorTooltip .opcionColorI {
  background: #fc2db7;
}

.customizacion .selectorTooltip .opcionColorJ {
  background: #fc3a60;
}

.customizacion .selectorTooltip .opcionColorK {
  background: #7f33b5;
}

.customizacion .selectorTooltip .opcionColorSecundarioA {
  border: 2px solid #CCC;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#992e33+0,ec1c24+100 */
  background: #992e33;
  /* Old browsers */
  background: -moz-linear-gradient(left, #992e33 0%, #ec1c24 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #992e33 0%, #ec1c24 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #992e33 0%, #ec1c24 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#992e33', endColorstr='#ec1c24',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorSecundarioB {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#595a5c+0,929497+100 */
  background: #595a5c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #595a5c 0%, #929497 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #595a5c 0%, #929497 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #595a5c 0%, #929497 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595a5c', endColorstr='#929497',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorSecundarioC {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424244+0,231f20+100 */
  background: #424244;
  /* Old browsers */
  background: -moz-linear-gradient(left, #424244 0%, #231f20 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #424244 0%, #231f20 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #424244 0%, #231f20 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424244', endColorstr='#231f20',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorSecundarioD {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8d3613+0,f16334+100 */
  background: #8d3613;
  /* Old browsers */
  background: -moz-linear-gradient(left, #8d3613 0%, #f16334 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #8d3613 0%, #f16334 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #8d3613 0%, #f16334 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d3613', endColorstr='#f16334',GradientType=1 );
  /* IE6-9 */
}

.customizacion .selectorTooltip .opcionColorSecundarioE {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#047045+0,3f8149+100 */
  background: #047045;
  /* Old browsers */
  background: -moz-linear-gradient(left, #047045 0%, #3f8149 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #047045 0%, #3f8149 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #047045 0%, #3f8149 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047045', endColorstr='#3f8149',GradientType=1 );
  /* IE6-9 */
}

@media (min-width: 767px) {
  .customizacion {
    /* ini customizacion maillot */
    /* fin customizacion maillot */
    /* ini customizacion culotte */
    /* fin customizacion culotte */
    /* ini customizacion bicicleta */
    /* fin customizacion bicicleta */
  }
  .customizacion .boxCreaFichaEquipo {
    background: #e21e23;
    text-align: center;
    padding: 50px 20px;
  }
  .customizacion .boxCreaFichaEquipo h2 {
    margin-bottom: 20px;
  }
  .customizacion .boxCreaFichaEquipo h2 span {
    font-size: 28px;
    font-size: 1.75rem;
    color: #FFF;
  }
  .customizacion .boxCreaFichaEquipo .blq {
    display: inline-block;
    width: auto;
    margin: 0;
    max-width: none;
  }
  .customizacion .boxCreaFichaEquipo .blq .selector {
    width: 280px;
    margin: 6px 20px;
  }
  .customizacion .boxCreaFichaEquipo .blq input {
    width: 400px;
  }
  .customizacion .boxCustomizaEquipacion {
    text-align: center;
  }
  .customizacion .boxCustomizaEquipacion h2 span {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .customizacion .customizaMaillot {
    max-width: 100%;
    margin: 0;
    margin: 0;
  }
  .customizacion .imagenMaillot {
    max-width: 380px;
  }
  .customizacion .selectorColorFondoMaillot {
    max-width: 60px;
  }
  .customizacion .selectorColorFrontalMaillot {
    max-width: 60px;
    right: 15%;
  }
  .customizacion .customizaCulotte {
    width: 41%;
    max-width: none;
    margin: 0;
    margin: 0 4%;
  }
  .customizacion .imagenCulotte {
    max-width: 380px;
  }
  .customizacion .selectorColorFondoCulotte {
    max-width: 60px;
  }
  .customizacion .selectorColorSecundarioCulotte {
    max-width: 60px;
  }
  .customizacion .selectorIconoCulotte {
    max-width: 100%;
  }
  .customizacion .customizaBicicleta {
    max-width: none;
    margin: 0;
  }
  .customizacion .selectorColorRuedaBicicleta {
    max-width: 60px;
  }
  .customizacion .selectorColorCuadroBicicleta {
    max-width: 60px;
    right: 29%;
  }
}

@media (min-width: 992px) {
  .customizacion {
    /* ini customizacion tooltip maillot */
    /*
		.selectorTooltip ul:before {
			content: '';
			position: absolute;
			left:-12px;
			margin-top: -12px;
			width: 0; height: 0;
			border-right: 12px solid #d4d4d4;
			border-top: 12px solid transparent;
			border-bottom: 12px solid transparent;
		}
		.selectorTooltip ul:after {
			content: '';
			position: absolute;
			left:-10px;
			margin-top: -10px;
			width: 0; height: 0;
			border-right: 10px solid #FFF;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
		}*/
    /* fin customizacion tooltip maillot */
    /* ini customizacion tooltip culotte */
    /* fin customizacion tooltip culotte */
    /* ini customizacion tooltip bicicleta */
    /* fin customizacion tooltip bicicleta */
  }
  .customizacion .boxCustomizaEquipacion h2 {
    margin-bottom: 50px;
  }
  .customizacion .selectorTooltip.colorFrontalMaillot {
    bottom: 0;
    top: initial;
    left: 90%;
  }
  .customizacion .selectorTooltip.colorFrontalMaillot ul:before {
    top: 30%;
  }
  .customizacion .selectorTooltip.colorFrontalMaillot ul:after {
    top: 30%;
  }
  .customizacion .selectorTooltip.colorFondoMaillot {
    bottom: 0;
    top: initial;
    left: initial;
    right: 90%;
  }
  .customizacion .selectorTooltip {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
  .customizacion .selectorTooltip ul li {
    width: 15%;
    height: auto;
  }
  .customizacion .selectorTooltip ul li a {
    height: 70px;
  }
  .customizacion .selectorTooltip.colorFrontalCulotte {
    bottom: 0;
    top: initial;
    left: 35%;
  }
  .customizacion .selectorTooltip.colorFrontalCulotte ul:before {
    top: 30%;
  }
  .customizacion .selectorTooltip.colorFrontalCulotte ul:after {
    top: 30%;
  }
  .customizacion .selectorTooltip.colorFondoCulotte {
    bottom: 0;
    top: initial;
    left: initial;
    right: -25%;
  }
  .customizacion .selectorTooltip.colorFondoCulotte ul:before {
    top: 56%;
  }
  .customizacion .selectorTooltip.colorFondoCulotte ul:after {
    top: 56%;
  }
  .customizacion .imagenBicicleta {
    margin: 0 auto;
  }
  .customizacion .selectorTooltip.colorCuadroBicicleta {
    bottom: 10%;
    top: initial;
    left: 75%;
  }
  .customizacion .selectorTooltip.colorCuadroBicicleta ul:before {
    top: 22%;
  }
  .customizacion .selectorTooltip.colorCuadroBicicleta ul:after {
    top: 22%;
  }
  .customizacion .selectorTooltip.colorRuedaBicicleta {
    bottom: 10%;
    top: initial;
    left: initial;
    right: 82%;
  }
  .customizacion .selectorTooltip.colorRuedaBicicleta ul:before {
    top: 53%;
    left: 100%;
    margin-left: 1px;
    border-left: 12px solid #d4d4d4;
    border-right: 10px solid transparent;
  }
  .customizacion .selectorTooltip.colorRuedaBicicleta ul:after {
    top: 53%;
    left: 100%;
    margin-left: 0px;
    border-left: 12px solid #ffffff;
    border-right: 10px solid transparent;
  }
}

/* FIN CUSTOMIZACION */
/* INI PREMIOS */
.premios .enc {
  margin-bottom: 0px;
}

.premios .enc h1 {
  margin: 20px 0 30px 0;
}

.premios .enc h2 {
  margin: 20px 0 30px 0;
}

.premios .enc p {
  max-width: 700px;
  margin: 0 auto 40px auto;
}

.premios .box-dropdown-recorridos {
  position: relative;
}

.premios .items-premios {
  margin: 50px 0;
}

@media (min-width: 767px) {
  .premios .items-premios {
    margin: 50px 0;
  }
}

.premios .items-premios .item-premio {
  position: relative;
  text-align: center;
  margin: 0 0 50px 0;
}

.premios .items-premios .item-premio h3 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: "Avenir-Next-Bold", sans-serif;
}

@media (min-width: 767px) {
  .premios .items-premios .item-premio h3 {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.premios .items-premios .item-premio img {
  width: 100%;
}

.premios .items-premios .item-premio img.patrocinador-premio {
  width: auto;
  margin: 20px auto;
}

.premios .items-premios .item-premio p {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .premios .items-premios .item-premio p {
    font-size: 16px;
    font-size: 1rem;
  }
}

.premios .items-premios .item-premio .borde-premio {
  opacity: 0.7;
  filter: alpha(opacity=70);
  width: 100%;
  height: 15px;
  position: absolute;
  z-index: 2;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+0,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
}

/* FIN PREMIOS */
/* INI TEXTOS */
.textos {
  margin-bottom: 30px;
}

.textos.legal h1 {
  max-width: 800px;
  margin: 40px auto 0 auto;
  font-size: 26px;
  font-size: 1.625rem;
}

@media (min-width: 767px) {
  .textos.legal h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.textos.legal h2 {
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 40px 0 20px 0;
}

@media (min-width: 767px) {
  .textos.legal h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 30px 0 15px 0;
  }
}

.textos .enc {
  margin-top: 10px;
}

@media (min-width: 767px) {
  .textos .enc {
    margin-bottom: 10px;
  }
}

.textos.box-textos {
  background-image: url("../img/assets/generic/trama-seccion.jpg");
  background-position: top center;
  background-repeat: repeat;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 767px) {
  .textos.box-textos {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.textos.box-textos.como-se-juega .icon-item-como-se-juega img {
  margin: 0 auto;
}

.textos.box-textos.como-se-juega .text-item-como-se-juega h2 {
  margin-bottom: 0px;
}

.textos.box-textos.como-se-juega h2 {
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  text-align: center;
}

@media (min-width: 767px) {
  .textos.box-textos.como-se-juega h2 {
    text-align: left;
    margin: 30px 0;
  }
}

.textos.box-textos.como-se-juega p {
  color: #000000;
  text-align: center;
  margin: 10px 0 50px 0;
}

@media (min-width: 767px) {
  .textos.box-textos.como-se-juega p {
    text-align: left;
    margin: 15px 0 30px 0;
  }
}

.textos h1 {
  color: #000000;
}

.textos h2 {
  text-align: center;
  color: #000000;
  text-transform: uppercase;
  margin: 20px 0;
}

@media (min-width: 767px) {
  .textos h2 {
    margin: 30px 0;
  }
}

.textos p {
  color: #000000;
}

@media (min-width: 767px) {
  .textos p {
    margin: 30px 0;
  }
}

.textos a {
  color: #e74c3d;
}

.textos .imagen-texto img.imagen-texto-mb {
  display: block;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .textos .imagen-texto img.imagen-texto-mb {
    display: none;
  }
}

.textos .imagen-texto img.imagen-texto-dt {
  display: none;
}

@media (min-width: 767px) {
  .textos .imagen-texto img.imagen-texto-dt {
    display: block;
    margin: 0 auto 40px auto;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
  }
}

.textos .textos-interior {
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 767px) {
  .textos .textos-interior {
    float: none;
    max-width: 1000px;
    margin: 0 auto 30px auto;
  }
}

/* FIN TEXTOS */
/* INI PROFILE */
.profile {
  margin-bottom: 0px;
}

@media (min-width: 767px) {
  .profile {
    margin-bottom: 90px;
  }
}

.profile h2 {
  font-family: "Advent Pro", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .profile h2 {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 50px;
  }
}

.profile .box-profile {
  background: #ffffff;
}

.profile .info-profile {
  margin: 40px 0;
  padding: 0 30px;
  text-align: center;
}

@media (min-width: 767px) {
  .profile .info-profile {
    margin: 50px 0;
    padding-bottom: 30px;
  }
}

.profile .info-profile h1 {
  font-family: "Advent Pro", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .profile .info-profile h1 {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 50px;
  }
}

.profile .info-profile h2 {
  font-family: "Advent Pro", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .profile .info-profile h2 {
    font-size: 32px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}

.profile .info-profile h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Advent Pro", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .profile .info-profile h3 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-bottom: 10px;
  }
}

.profile .info-profile .info-profile-team {
  margin-bottom: 30px;
  padding: 15px 30px 30px 30px;
}

@media (min-width: 767px) {
  .profile .info-profile .info-profile-team.info-profile-avatar {
    margin-bottom: 0;
    /*border-bottom: 2px solid $white;*/
    padding: 15px 30px 30px 30px;
  }
}

.profile .info-profile .info-profile-team.info-profile-avatar .image-profile {
  max-width: 110px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  border: 1px solid #DDD;
}

@media (min-width: 767px) {
  .profile .info-profile .info-profile-team.info-profile-avatar .image-profile {
    max-width: 240px;
  }
}

@media (min-width: 767px) {
  .profile .info-profile .info-profile-team {
    margin-bottom: 0;
    border-bottom: none;
    padding: 40px 30px 30px 30px;
  }
}

.profile .info-profile .info-profile-team .profile-stats {
  color: #000000;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2;
  margin: 30px 0;
}

.profile .info-profile .info-profile-team .profile-stats p {
  font-size: 17px;
  font-size: 1.0625rem;
}

@media (min-width: 767px) {
  .profile .info-profile .info-profile-team .profile-stats p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .profile .info-profile .info-profile-team .profile-stats p {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.profile .info-profile .info-profile-team .image-profile {
  display: block;
  margin: 0 auto 30px auto;
  max-width: 290px;
  width: 100%;
  /*border: 3px solid $white;*/
}

.profile .info-profile .info-profile-team .btn-primary {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .profile .info-profile .info-profile-team .btn-primary {
    margin: 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .profile .info-profile .info-profile-team .btn-primary {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.profile .info-profile .info-profile-user {
  margin-top: 0px;
}

@media (min-width: 767px) {
  .profile .info-profile .info-profile-user {
    margin-top: 40px;
  }
}

.profile .info-profile .info-profile-user .image-profile-user {
  position: relative;
  display: block;
  margin: 0 auto 30px auto;
  max-width: 290px;
  width: 100%;
}

.profile .info-profile .info-profile-user .image-profile-user img.img-weapon {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.profile .info-profile .info-profile-user .image-profile-user img.bg-weapon {
  display: block;
  width: 100%;
  /*background-color: $white;*/
  /*@include border-radius(100%);*/
}

.profile .info-profile .data-profile {
  margin-top: 10px;
  text-align: left;
}

.profile .info-profile .data-profile .form-group label {
  color: #282528;
}

.profile .info-profile .data-profile .form-group .form-control {
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
}

.profile .info-profile .data-profile .checkbox label {
  text-transform: none;
  margin-bottom: 20px;
}

.profile .info-profile .data-profile .btn-primary {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .profile .info-profile .data-profile .btn-primary {
    margin: 0;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .profile .info-profile .data-profile .btn-primary {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.profile .profile-team {
  float: left;
  width: 100%;
  margin: 0px auto 40px auto;
  border: 2px solid #e4e4e4;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background: #ffffff;
  margin-bottom: 50px;
}

@media (min-width: 767px) {
  .profile .profile-team {
    float: none;
    max-width: 960px;
    margin: 0 auto 80px auto;
  }
}

.profile .profile-team .ranking-filter {
  -webkit-border-top-right-radius: 12px;
  border-top-right-radius: 12px;
  -webkit-border-top-left-radius: 12px;
  border-top-left-radius: 12px;
  background-clip: padding-box;
}

@media (min-width: 767px) {
  .profile .profile-team .ranking-filter {
    padding-top: 30px;
    padding-bottom: 15px;
  }
}

.profile .profile-team .box-filter {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .profile .profile-team .box-filter {
    max-width: 960px;
    padding-left: 9%;
  }
  .profile .profile-team .box-filter .box-btn-filter {
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  .profile .profile-team .box-filter {
    max-width: 1060px;
    padding-left: 12%;
  }
}

.profile .profile-team .box-dropdown-ranking {
  position: static;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  padding: 0;
  z-index: 100;
}

.profile .profile-team .box-dropdown-ranking .dropdown-ranking {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 600px) {
  .profile .profile-team .box-dropdown-ranking .dropdown-ranking {
    width: 100%;
  }
}

.profile .profile-team .box-dropdown-ranking .bootstrap-select {
  min-width: 100%;
  margin-bottom: 15px;
}

.profile .profile-team .box-dropdown-ranking .ranking-select {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 767px) {
  .profile .profile-team .box-dropdown-ranking .ranking-select {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .profile .profile-team .box-dropdown-ranking .ranking-select {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.profile .profile-team .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu {
  background: #ffffff;
  color: #000000;
}

.profile .profile-team .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
  background: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 767px) {
  .profile .profile-team .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 992px) {
  .profile .profile-team .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.profile .profile-team .box-dropdown-ranking .bootstrap-select.btn-group .dropdown-menu > li > a:hover {
  color: #e74c3d;
}

.profile .profile-users {
  padding: 50px 15px 10px 15px;
  margin-bottom: 50px;
  text-align: center;
}

@media (min-width: 767px) {
  .profile .profile-users {
    padding: 50px 30px 10px 30px;
    max-width: 900px;
    margin: 0 auto;
  }
}

.profile .profile-users .item-profile-users {
  display: inline-block;
  vertical-align: top;
  overflow: visible;
  width: 48%;
  max-width: 220px;
  text-decoration: none;
  color: #000000;
  margin-bottom: 40px;
  background: transparent;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 767px) {
  .profile .profile-users .item-profile-users {
    width: 32%;
    max-width: 100%;
  }
}

.profile .profile-users .item-profile-users .img-profile-users {
  display: inline-block;
  vertical-align: middle;
  width: 64px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  border: 1px solid #a4a3a4;
  margin-right: 8px;
}

.profile .profile-users .item-profile-users h4 {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
  margin-top: 8px;
}

@media (min-width: 767px) {
  .profile .profile-users .item-profile-users h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 992px) {
  .profile .profile-users .item-profile-users h4 {
    width: auto;
    margin-top: 0;
    text-align: left;
    max-width: 65%;
  }
}

/* ini tabs profile */
.tabs-profile {
  float: none;
  max-width: 400px;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .tabs-profile {
    max-width: 100%;
    margin: 0;
  }
}

.tabs-profile .cont-navs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.tabs-profile .btn-block {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tabs-profile .nav-tabs > li > a {
  border: 1px solid #ffffff;
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 20px;
  color: #686767 !important;
}

.tabs-profile .nav-tabs > li > a:active, .tabs-profile .nav-tabs > li > a:hover {
  border: 1px solid #ffffff;
}

.tabs-profile .nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tabs-profile .nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

.tabs-profile .nav-tabs-dropdown {
  display: block;
}

.tabs-profile .nav-tabs-dropdown.btn-primary {
  color: #e74c3d !important;
  background: #ffffff !important;
  font-size: 20px !important;
}

.tabs-profile #nav-tabs-wrapper {
  display: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  text-align: center;
}

.tabs-profile .nav-tabs-horizontal {
  min-height: 20px;
  padding: 0;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.tabs-profile .nav-tabs-horizontal > li {
  float: none;
}

.tabs-profile .nav-tabs-horizontal > li + li {
  margin-left: 0px;
}

.tabs-profile .nav-tabs-horizontal > li > a {
  border-radius: 0px;
  background: #ffffff;
  width: 100%;
  height: 46px;
  color: #b3b3b3;
  padding-top: 13px !important;
  border-left: none !important;
  border-right: none !important;
  text-transform: uppercase;
  text-decoration: none;
}

.tabs-profile .nav-tabs-horizontal > li.active > a,
.tabs-profile .nav-tabs-horizontal > li.active > a:hover,
.tabs-profile .nav-tabs-horizontal > li.active > a:focus {
  color: #e74c3d;
  border-left: none !important;
  border-right: none !important;
}

.tabs-profile .tab-content {
  padding: 90px 15px 40px 15px;
  background: rgba(255, 255, 255, 0.3);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* fin tabs profile */
/* ini modal profile */
.modal-profile .modal-header {
  padding: 8px 15px;
}

.modal-profile .modal-body {
  padding: 0 15px;
}

@media (min-width: 767px) {
  .modal-profile .modal-body {
    padding: 0 30px;
  }
}

.modal-profile .close {
  font-size: 40px;
  font-size: 2.5rem;
  opacity: 1;
  filter: alpha(opacity=100);
}

.modal-profile .modal-profile-avatar {
  float: none;
  padding-top: 0px;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .modal-profile .modal-profile-avatar {
    float: left;
    padding-top: 6px;
  }
}

.modal-profile .modal-profile-avatar img {
  display: inline-block;
  vertical-align: middle;
  width: 92px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  border: 1px solid #a4a3a4;
  margin-bottom: 0;
}

.modal-profile .modal-profile-weapon img {
  width: 92px;
  margin: 15px auto;
}

@media (min-width: 767px) {
  .modal-profile .modal-profile-weapon img {
    width: auto;
    margin: 0 auto;
  }
}

.modal-profile .modal-profile-info {
  float: none;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background: #e4e4e4;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 360px;
  margin: 0 auto 40px auto;
}

@media (min-width: 767px) {
  .modal-profile .modal-profile-info {
    float: left;
    max-width: 100%;
  }
}

.modal-profile .modal-profile-info p {
  color: #000000;
  margin-bottom: 0;
  font-size: 17px;
  font-size: 1.0625rem;
}

.modal-profile .modal-profile-info p span {
  display: inline-block;
  margin-right: 10px;
  width: 45%;
}

@media (min-width: 767px) {
  .modal-profile .modal-profile-info p span {
    width: auto;
  }
}

.modal-profile .modal-profile-info p strong {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  font-weight: 400;
  width: 45%;
  line-height: 1.1;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .modal-profile .modal-profile-info p strong {
    width: auto;
    margin-bottom: 0;
  }
}

@media (min-width: 767px) {
  .modal-profile .modal-dialog {
    width: 680px;
  }
}

/* ini tabs modal profile*/
.modal-profile .nav-tabs {
  border-bottom: 2px solid #ddd;
}

.modal-profile .nav-tabs > li {
  margin-bottom: -2px;
}

.modal-profile .nav-tabs > li.active {
  margin-bottom: -2px;
}

.modal-profile .nav-tabs > li.active .disabled {
  color: #FFF;
  height: 42px;
  background-color: #e0e0e0 !important;
  border: 2px solid #e0e0e0 !important;
  padding-top: 13px;
}

.modal-profile .nav-tabs > li.active .disabled:active, .modal-profile .nav-tabs > li.active .disabled:focus, .modal-profile .nav-tabs > li.active .disabled:hover {
  cursor: default;
  color: #FFF;
  padding-top: 13px;
  background-color: #e0e0e0 !important;
  border: 2px solid #e0e0e0 !important;
}

.modal-profile .nav-tabs > li > a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  color: #e74c3d;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  padding: 6px 20px;
  border: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}

.modal-profile .nav-tabs > li > a.disabled {
  color: #FFF;
  height: 42px;
  background-color: #e0e0e0;
  border: 2px solid #e0e0e0;
  padding-top: 13px;
}

.modal-profile .nav-tabs > li > a.disabled:active, .modal-profile .nav-tabs > li > a.disabled:focus, .modal-profile .nav-tabs > li > a.disabled:hover {
  cursor: default;
  color: #FFF;
  padding-top: 13px;
  background-color: #e0e0e0;
  border: 2px solid #e0e0e0;
}

.modal-profile .nav-tabs > li > a span {
  display: inline-block;
  width: auto;
  margin: 0 2px;
}

@media (min-width: 767px) {
  .modal-profile .nav-tabs > li > a span {
    width: 100%;
  }
}

.modal-profile .nav > li > a:focus, .modal-profile .nav > li > a:hover {
  background-color: #f5f5f5;
}

.modal-profile .nav-tabs > li.active > a, .modal-profile .nav-tabs > li.active > a:focus, .modal-profile .nav-tabs > li.active > a:hover {
  color: #e74c3d;
  border: 2px solid #ddd !important;
  border-bottom: 2px solid #fff !important;
  background-color: transparent !important;
}

.modal-profile .tab-content > .tab-pane p {
  width: 100%;
  text-align: center;
  padding: 30px;
}

/* fin tabs modal profile*/
/* ini tabs dropdown*/
.modal-profile .btn-block {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.modal-profile .nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.modal-profile .nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  .modal-profile #nav-tabs-wrapper {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .modal-profile .nav-tabs-dropdown {
    display: block;
  }
  .modal-profile #nav-tabs-wrapper {
    display: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: center;
  }
  .modal-profile .nav-tabs-horizontal {
    min-height: 20px;
    padding: 0;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .modal-profile .nav-tabs-horizontal > li {
    float: none;
  }
  .modal-profile .nav-tabs-horizontal > li + li {
    margin-left: 0px;
  }
  .modal-profile .nav-tabs-horizontal > li > a {
    border-radius: 0px;
    background: transparent;
    width: 100%;
    height: 42px;
    padding-top: 13px !important;
    border-left: none !important;
    border-right: none !important;
  }
  .modal-profile .nav-tabs-horizontal > li.active > a,
  .modal-profile .nav-tabs-horizontal > li.active > a:hover,
  .modal-profile .nav-tabs-horizontal > li.active > a:focus {
    color: #e74c3d;
    border-left: none !important;
    border-right: none !important;
  }
}

/* fin tabs dropdown*/
/* ini table profile */
.table-profile {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  margin-bottom: 0;
}

.table-profile tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}

.table-profile thead, .table-profile tbody, .table-profile tr, .table-profile td, .table-profile th {
  display: block;
  text-align: center;
  color: #000000;
}

.table-profile thead {
  width: 95.5%;
}

.table-profile tbody tr:first-child td {
  border-top: 0 !important;
}

.table-profile tbody tr td:first-child {
  border-left: 0 !important;
}

.table-profile tbody tr:last-child td {
  border-bottom: 0 !important;
}

.table-profile tbody tr td:last-child {
  border-right: 0 !important;
}

.table-profile tbody td {
  float: left;
  padding: 15px !important;
  border: 1px solid #eeeeee !important;
  text-align: center;
  color: #000000;
  padding: 15px 0 !important;
  height: 60px;
  font-size: 13px;
  font-size: 0.8125rem;
}

.table-profile tbody td a {
  color: #000000;
}

.table-profile tbody td span {
  display: inline-block;
  min-height: 38px;
}

@media (min-width: 480px) {
  .table-profile tbody td {
    font-size: 16px;
    font-size: 1rem;
    height: auto;
  }
}

.table-profile tbody td .posicion-tabla {
  display: inline-block;
  margin: -10px 0 0 0;
  width: 100%;
  padding-top: 12px;
  max-width: 48px;
  min-height: 38px;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media (min-width: 480px) {
  .table-profile tbody td .posicion-tabla {
    margin: -5px 0 0 0;
    padding-top: 5px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.table-profile tbody td .podium.posicion-tabla {
  display: inline-block;
  margin: -10px 0 0 0;
  padding-top: 12px;
  width: 100%;
  max-width: 48px;
  min-height: 38px;
  background-image: url("../img/assets/generic/laurel.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media (min-width: 480px) {
  .table-profile tbody td .podium.posicion-tabla {
    margin: -5px 0 0 0;
    padding-top: 5px;
    font-size: 16px;
    font-size: 1rem;
  }
}

.table-profile thead tr th {
  float: left;
  color: #000000;
  border: none;
  border-bottom: 2px solid #eee;
  font-size: 11px;
  font-size: 0.6875rem;
  height: 50px;
  line-height: 1;
  word-break: break-all;
  padding: 8px 4px;
}

.table-profile thead tr th.header-position {
  height: 15px;
  border: none;
}

@media (min-width: 480px) {
  .table-profile thead tr th.header-position {
    height: 25px;
  }
}

.table-profile thead tr th strong {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}

@media (min-width: 480px) {
  .table-profile thead tr th strong {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.table-profile thead tr th div {
  padding-top: 4px;
}

@media (min-width: 480px) {
  .table-profile thead tr th {
    height: 40px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}

/* fin table profile */
/* fin modal profile */
/* FIN PROFILE */
/* INI LEGAL */
.legal {
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .legal {
    margin-bottom: 50px;
  }
}

.legal h1 {
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 1.2;
}

@media (min-width: 767px) {
  .legal h1 {
    margin-top: 50px;
    margin-bottom: 40px;
  }
}

.legal a {
  color: #e74c3d;
}

@media (min-width: 767px) {
  .legal p {
    font-size: 16px;
    font-size: 1rem;
  }
}

.legal ul {
  width: 100%;
  padding-left: 0;
  list-style-type: none;
}

.legal ul li {
  list-style-type: none;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #000000;
}

.legal ul li h3 {
  font-family: "Avenir-Next-Bold", sans-serif;
  margin-top: 30px;
  margin-bottom: 15px;
  width: 100%;
  max-width: 100%;
  color: #686767;
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 767px) {
  .legal ul li h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.legal ul li p {
  max-width: 100%;
}

.legal ul li p a {
  color: #e74c3d;
}

.legal .tabla-legal {
  width: 100%;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 30px 0;
  overflow: auto;
}

@media (min-width: 767px) {
  .legal .tabla-legal {
    overflow: initial;
  }
}

.legal .tabla-legal table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
  background: #ffffff;
}

@media (min-width: 767px) {
  .legal .tabla-legal table {
    table-layout: fixed;
  }
}

.legal .tabla-legal th {
  border: 1px solid #e74c3d;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  background: #e74c3d;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
}

.legal .tabla-legal td {
  border: 1px solid #686767;
  text-align: center;
  padding: 15px;
  word-break: break-all;
}

.legal .links-legal {
  margin: 15px 0;
}

.legal .links-legal a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 767px) {
  .legal .links-legal a {
    width: auto;
  }
}

/* FIN LEGAL */
/* INI FOOTER */
.footer {
  position: relative;
  width: 100%;
  padding: 0 20px 5px 20px;
  color: #ffffff;
  background-color: #000000;
  text-align: center;
}

.footer .box-sponsored {
  position: relative;
  height: 180px;
}

@media (min-width: 767px) {
  .footer .box-sponsored {
    height: 128px;
  }
}

.footer .sponsored {
  text-align: center;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.footer .sponsored strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 5px;
}

@media (min-width: 767px) {
  .footer .sponsored strong {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .footer .sponsored strong {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 0px 15px 15px 15px;
  }
}

.footer .sponsored .sponsored-logos {
  display: inline-block;
  vertical-align: middle;
}

.footer .sponsored img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100px;
  margin: 5px 15px;
  max-height: 20px;
}

@media (min-width: 992px) {
  .footer .sponsored img {
    max-height: none;
  }
}

@media (min-width: 1200px) {
  .footer .sponsored img {
    max-width: 130px;
  }
}

.footer .logos-sponsor {
  background: #333333;
  position: relative;
  height: 180px;
}

@media (min-width: 767px) {
  .footer .logos-sponsor {
    height: 128px;
  }
}

.footer .logos-sponsor .logo-sponsor-mb {
  display: block;
  margin: 0 auto;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 500px;
}

@media (min-width: 767px) {
  .footer .logos-sponsor .logo-sponsor-mb {
    display: none;
  }
}

.footer .logos-sponsor .logo-sponsor-dt {
  display: none;
  margin: 0 auto;
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 767px) {
  .footer .logos-sponsor .logo-sponsor-dt {
    display: block;
  }
}

.footer a {
  display: inline-block;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.footer a.logo-footer {
  position: absolute;
  bottom: 15px;
  left: 15px;
  z-index: 10;
}

.footer span {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 767px) {
  .footer span {
    margin: 10px 0;
  }
}

@media (min-width: 992px) {
  .footer span {
    margin: 20px 0;
  }
}

.footer ul {
  text-align: center;
  list-style: none;
  margin: 16px 0 20px 0;
}

.footer ul li {
  padding: 10px 15px;
  text-align: center;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media (min-width: 767px) {
  .footer ul li {
    width: auto;
    padding: 0 2% 0 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .footer ul li:last-child {
    padding: 0;
  }
}

@media (min-width: 992px) {
  .footer ul li {
    padding: 0 5% 0 0;
    font-size: 16px;
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  .footer ul li {
    padding: 0 9% 0 0;
  }
}

.footer ul li a {
  display: inline-block;
  color: #ffffff;
}

@media (min-width: 767px) {
  .footer {
    text-align: left;
  }
}

.footer.footer-login {
  background-color: transparent;
}

/* FIN FOOTER */
/* INI HANGMAN */
.hangman {
  text-align: center;
  padding: 30px 0;
  position: relative;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}

@media (min-width: 767px) {
  .hangman {
    padding: 10px 0 10px 0;
    margin-top: 30px;
    margin-bottom: 0px;
  }
}

.hangman .progreso {
  margin-top: 40px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
}

.hangman .box {
  /*background-image: url('../img/assets/generic/trama-seccion.jpg');
        background-position: top center;
        background-repeat: repeat;*/
  background: transparent;
}

.hangman h1 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 20px;
}

@media (min-width: 767px) {
  .hangman h1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}

.hangman p {
  color: #ffffff;
}

.hangman .pregunta-hangman p {
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.3;
  padding: 0 15px;
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 767px) {
  .hangman .pregunta-hangman p {
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 10px;
  }
}

.hangman .imagen-hangman {
  margin: 15px auto;
}

.hangman .imagen-hangman img {
  margin: 30px auto 30px auto;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
  max-width: 500px;
  width: 100%;
}

.hangman .resultado-hangman {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 15px;
}

@media (min-width: 767px) {
  .hangman .resultado-hangman {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.hangman .resultado-hangman span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  margin: 2px 2px 15px 2px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
  text-transform: uppercase;
  background: transparent;
}

.hangman .resultado-hangman span.palabra {
  display: inline-block;
  width: auto;
  height: auto;
  border: none;
  margin: 0;
  padding: 0;
}

.hangman .resultado-hangman span.vacio {
  width: 10px;
  height: 20px;
  border-bottom: 1px solid #000000;
}

@media (min-width: 767px) {
  .hangman .resultado-hangman span.espacio {
    width: 15px;
    height: 35px;
  }
}

@media (min-width: 767px) {
  .hangman .resultado-hangman span {
    width: 35px;
    height: 35px;
    margin: 5px 5px 15px 5px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 35px;
  }
}

.hangman .teclado-hangman {
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 850px;
  width: 100%;
  padding: 15px 0;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 767px) {
  .hangman .teclado-hangman {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.hangman .teclado-hangman .btn-letter {
  display: inline-block;
  margin: 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  background: #e74c3d;
  color: #ffffff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
}

@media (min-width: 767px) {
  .hangman .teclado-hangman .btn-letter {
    width: 45px;
    height: 45px;
    line-height: 43px;
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.hangman .teclado-hangman .btn-letter.tecla-select {
  background: rgba(225, 40, 41, 0.25);
  cursor: default;
}

.hangman .teclado-hangman .btn-letter.tecla-select:active {
  box-shadow: none;
}

.hangman .barra-hangman {
  max-width: 800px;
  margin: 0 auto;
}

.hangman .barra-hangman .barra_tiempo {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
  height: 28px;
  margin-bottom: 20px;
  background: #ffffff;
}

.hangman .barra-hangman .barra {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
  width: 100%;
  height: 28px;
  background: #DDD;
  margin: 10px 0;
}

.hangman .barra-hangman .barra_tiempo_time {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
  text-align: center !important;
  font-weight: lighter !important;
  width: 100%;
  padding: 3px 0 !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  left: 0px;
  height: 100%;
  padding-top: 5px;
  padding-left: 5px;
  text-align: center;
  color: #ffffff;
  height: 28px;
  display: inline-block;
}

.hangman .barra-hangman .progresoBarra {
  width: 100%;
  height: 28px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6428a+0,4a85c0+25,89b438+51,a69487+76,f5b53d+100 */
  background: #e6428a;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e6428a 0%, #4a85c0 25%, #89b438 51%, #a69487 76%, #f5b53d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e6428a 0%, #4a85c0 25%, #89b438 51%, #a69487 76%, #f5b53d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e6428a 0%, #4a85c0 25%, #89b438 51%, #a69487 76%, #f5b53d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6428a', endColorstr='#f5b53d',GradientType=1 );
  /* IE6-9 */
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
}

.hangman .imgwrapper-hangman {
  float: left;
  width: 100%;
  position: relative;
}

.hangman .imgwrapper.hangman {
  float: left;
  width: 100%;
  position: relative;
  padding: 15px;
}

@media (min-width: 767px) {
  .hangman .imgwrapper.hangman {
    padding: 30px;
  }
}

.hangman .contBotonJuegoHangman {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 10;
  background: rgba(240, 240, 240, 0.95);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
}

.hangman .contBotonJuegoHangman .insideBotonJuego {
  display: table;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 0;
}

.hangman .contBotonJuegoHangman .botonJuego {
  display: table-cell;
  vertical-align: top;
  padding-top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.hangman .contBotonJuegoHangman .botonJuego .btn-primary {
  margin: 0 15px;
}

/* FIN HANGMAN */
/* INI MEMORY */
.memory {
  /*.front{position:relative;}*/
}

.memory .mod_emparejados {
  position: relative;
}

.memory .box_emparejados {
  position: relative;
  padding-bottom: 50px;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .memory .box_emparejados {
    max-width: none;
  }
}

.memory .box_emparejados .botonActivator {
  display: inline-block;
  text-align: center;
  margin: 100px 20px 0 20px;
}

.memory .box_emparejados p {
  margin-bottom: 30px;
}

.memory .box_crono {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .memory .box_crono {
    width: 33%;
    float: right;
  }
}

.memory .box_crono .crono {
  color: #666;
  background: #e5e5e5;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  display: none;
  padding: 10px 20px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .memory .box_crono .crono {
    display: none;
    float: none;
    font-size: 32px;
    font-size: 2rem;
  }
}

.memory .box_crono .movimientos {
  color: #ffffff;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  float: right;
  padding-top: 14px;
  padding-left: 6px;
  padding-right: 6px;
}

@media (min-width: 767px) {
  .memory .box_crono .movimientos {
    display: block;
    float: none;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.memory .listado_retar {
  padding-top: 10px;
}

@media (min-width: 767px) {
  .memory .listado_retar {
    float: right;
    width: 33%;
    padding-top: 40px;
  }
}

.memory .listado_usuarios {
  margin-top: 15px;
}

.memory .usarioParaRetar {
  color: #e56c19;
  margin: 8px 0;
  font-weight: 700;
}

.memory .cuadricula_parejas {
  width: 100%;
  margin: 20px auto;
  overflow: hidden;
  position: relative;
}

@media (min-width: 767px) {
  .memory .cuadricula_parejas {
    margin: 0 auto;
    width: 65%;
    float: left;
    max-width: none;
  }
}

.memory .cuadricula_parejas li {
  float: left;
  display: inline-block;
  max-width: 25%;
  display: inline-block;
  padding: 0 3px 6px 3px;
  margin: 0;
  cursor: pointer;
}

.memory .cuadricula_parejas li:hover {
  opacity: 0.6;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  cursor: pointer;
}

.memory .cuadricula_parejas li .contiene_seleccion {
  border: 1px solid #DDD;
  z-index: 1;
  position: relative;
  cursor: pointer;
  width: 220px;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

.memory .cuadricula_parejas li .contiene_seleccion1 {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

.memory .cuadricula_parejas li img {
  float: left;
}

.memory .opacito {
  opacity: 1;
  filter: alpha(opacity=100);
}

.memory .activeEmparejados {
  color: #e73737;
}

.memory .f1_card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.5s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 0.5s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 0.5s linear;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}

.memory .flipping {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-box-shadow: -5px 5px 5px #aaa;
  -moz-box-shadow: -5px 5px 5px #aaa;
  box-shadow: -5px 5px 5px #aaa;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: all 0.5s linear;
  -moz-transform-style: preserve-3d;
  -moz-transition: all 0.5s linear;
  -o-transform-style: preserve-3d;
  -o-transition: all 0.5s linear;
  transform-style: preserve-3d;
  transition: all 0.5s linear;
}

.memory .face {
  width: 100%;
  /*height: 100%;*/
  z-index: 900;
}

.memory .face.back {
  display: block;
  z-index: 500;
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  overflow: hidden;
}

.memory .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 200px;
}

.memory .front {
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
  /*position:relative;*/
}

.memory .flipping .back {
  z-index: 950;
}

@media (min-width: 767px) {
  .memory .retar {
    margin-top: 30px;
    text-align: left;
    float: right;
    width: 33%;
  }
}

.memory .retar .box_btn {
  margin-top: 30px;
}

@media (min-width: 767px) {
  .memory .retar .box_btn {
    margin-top: 40px;
  }
}

/* FIN MEMORY */
/* INI RETO VISUAL */
.reto-visual .quiz .item-quiz .pregunta {
  text-align: center;
}

/* FIN RETO VISUAL */
/* INI ALPHABET */
.alphabet {
  text-align: center;
  padding: 15px 0;
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  text-align: center;
  /* 12em = half the width of the wrapper */
}

@media (min-width: 767px) {
  .alphabet {
    padding: 0 0 0 0;
  }
}

.alphabet h1 {
  text-align: center;
  margin-top: 0px;
  margin-bottom: 15px;
}

@media (min-width: 767px) {
  .alphabet h1 {
    margin-top: 0px;
    margin-bottom: 20px;
  }
}

.alphabet p {
  font-size: 16px;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .alphabet p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

@media (min-width: 767px) {
  .alphabet .btn-primary {
    font-size: 16px;
    font-size: 1rem;
  }
}

.alphabet .btn-pasa-la-palabra {
  position: absolute;
  top: 0;
  right: 0;
  background: #ce6a62;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6a62', endColorstr='#bf3235', GradientType=0);
  /* IE6-9 */
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  padding-right: 7px;
  border: 1px solid #ffffff;
}

.alphabet .btn-pasa-la-palabra:hover, .alphabet .btn-pasa-la-palabra:active, .alphabet .btn-pasa-la-palabra:focus {
  border: 1px solid #ffffff !important;
}

@media (min-width: 767px) {
  .alphabet .btn-pasa-la-palabra {
    font-size: 16px;
    font-size: 1rem;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.alphabet .alphabet-game {
  position: relative;
  max-width: 800px;
  margin: 30px auto;
  padding-top: 30px;
  padding-bottom: 30px;
}

.alphabet .alphabet-results {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  text-align: left;
}

.alphabet .alphabet-results ul {
  width: 200px;
}

.alphabet .alphabet-results ul li {
  display: inline-block;
}

.alphabet .alphabet-results ul li .ball {
  position: static;
  display: inline-block;
  margin: 0;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
}

@media (min-width: 767px) {
  .alphabet .alphabet-results ul li .ball {
    width: 2.2em;
    height: 2.2em;
    line-height: 2.1em;
    margin: 0 2px;
  }
}

.alphabet .opciones {
  text-align: center;
  margin-bottom: 10px;
}

.alphabet .opciones .btn-primary {
  display: block;
  width: 100%;
  max-width: 280px;
  margin: 15px auto;
  white-space: normal;
}

@media (min-width: 767px) {
  .alphabet .opciones .btn-primary {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    width: 32%;
    max-width: 200px;
    margin: 15px;
  }
}

.alphabet .circle-container {
  position: relative;
  width: 18em;
  height: 18em;
  /*padding: 2.8em; = 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
  /*border: dashed 1px;*/
  border-radius: 50%;
  margin: 10px auto 0 auto;
  /*@include respond-to("600") {
            width: 22em;
            height: 22em;
            margin: 40px auto;
        }*/
}

@media (min-width: 767px) {
  .alphabet .circle-container {
    margin: 20px auto 0 auto;
  }
}

.alphabet .circle-container span, .alphabet .ball {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6em;
  height: 1.6em;
  line-height: 1.4em;
  text-align: center;
  margin: -1em;
  /* 2em = 4em/2 */
  /* half the width */
  color: #FFF;
  border-radius: 100%;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid white;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  font-size: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#64aef3+0,64aef3+41,1c6fcb+60,2273d2+100 */
  background: #64aef3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #64aef3 0%, #64aef3 41%, #1c6fcb 60%, #2273d2 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #64aef3 0%, #64aef3 41%, #1c6fcb 60%, #2273d2 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #64aef3 0%, #64aef3 41%, #1c6fcb 60%, #2273d2 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#64aef3', endColorstr='#2273d2', GradientType=0);
  /* IE6-9 */
  /*@include respond-to("600") {
            width: 2.5em;
            height: 2.5em;
            line-height: 2.3em;
        }*/
}

.alphabet .circle-container span.right, .alphabet span.right {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63b053+0,63b053+41,217c12+60,217c12+100 */
  background: #63b053;
  /* Old browsers */
  background: -moz-linear-gradient(top, #63b053 0%, #63b053 41%, #217c12 60%, #217c12 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #63b053 0%, #63b053 41%, #217c12 60%, #217c12 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #63b053 0%, #63b053 41%, #217c12 60%, #217c12 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b053', endColorstr='#217c12', GradientType=0);
  /* IE6-9 */
}

.alphabet .circle-container span.wrong, .alphabet span.wrong {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ce6a62+0,ce6a62+41,bf3235+58,bf3235+100 */
  background: #ce6a62;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ce6a62 0%, #ce6a62 41%, #bf3235 58%, #bf3235 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6a62', endColorstr='#bf3235', GradientType=0);
  /* IE6-9 */
}

.alphabet .circle-container span.disabled {
  opacity: 0.4;
  /*background: none;*/
}

.alphabet .deg0 {
  transform: translate(8em);
  /*@include respond-to("600") {
            transform: translate(12em);
        }*/
}

.alphabet .deg15 {
  transform: rotate(15deg) translate(8em) rotate(-15deg);
  /*
        @include respond-to("600") {
            transform: rotate(15deg) translate(12em) rotate(-15deg);
        }
        */
}

.alphabet .deg30 {
  transform: rotate(30deg) translate(8em) rotate(-30deg);
  /*
        @include respond-to("600") {
            transform: rotate(30deg) translate(12em) rotate(-30deg);
        }*/
}

.alphabet .deg45 {
  transform: rotate(45deg) translate(8em) rotate(-45deg);
  /*
        @include respond-to("600") {
            transform: rotate(45deg) translate(12em) rotate(-45deg);
        }*/
}

.alphabet .deg60 {
  transform: rotate(60deg) translate(8em) rotate(-60deg);
  /*
        @include respond-to("600") {
            transform: rotate(60deg) translate(12em) rotate(-60deg);
        }
        */
}

.alphabet .deg75 {
  transform: rotate(75deg) translate(8em) rotate(-75deg);
  /*
        @include respond-to("600") {
            transform: rotate(75deg) translate(12em) rotate(-75deg);
        }*/
}

.alphabet .deg90 {
  transform: rotate(90deg) translate(8em) rotate(-90deg);
  /*@include respond-to("600") {
            transform: rotate(90deg) translate(12em) rotate(-90deg);
        }*/
}

.alphabet .deg105 {
  transform: rotate(105deg) translate(8em) rotate(-105deg);
  /*@include respond-to("600") {
            transform: rotate(105deg) translate(12em) rotate(-105deg);
        }*/
}

.alphabet .deg120 {
  transform: rotate(120deg) translate(8em) rotate(-120deg);
  /*@include respond-to("600") {
            transform: rotate(120deg) translate(12em) rotate(-120deg);
        }*/
}

.alphabet .deg135 {
  transform: rotate(135deg) translate(8em) rotate(-135deg);
  /*@include respond-to("600") {
            transform: rotate(135deg) translate(12em) rotate(-135deg);
        }*/
}

.alphabet .deg150 {
  transform: rotate(150deg) translate(8em) rotate(-150deg);
  /*@include respond-to("600") {
            transform: rotate(150deg) translate(12em) rotate(-150deg);
        }*/
}

.alphabet .deg165 {
  transform: rotate(165deg) translate(8em) rotate(-165deg);
  /*@include respond-to("600") {
            transform: rotate(165deg) translate(12em) rotate(-165deg);
        }*/
}

.alphabet .deg180 {
  transform: translate(-8em);
  /*@include respond-to("600") {
            transform: translate(-12em);
        }*/
}

.alphabet .deg195 {
  transform: rotate(195deg) translate(8em) rotate(-195deg);
  /*@include respond-to("600") {
            transform: rotate(195deg) translate(12em) rotate(-195deg);
        }*/
}

.alphabet .deg210 {
  transform: rotate(210deg) translate(8em) rotate(-210deg);
  /*@include respond-to("600") {
            transform: rotate(210deg) translate(12em) rotate(-210deg);
        }*/
}

.alphabet .deg225 {
  transform: rotate(225deg) translate(8em) rotate(-225deg);
  /*@include respond-to("600") {
            transform: rotate(225deg) translate(12em) rotate(-225deg);
        }*/
}

.alphabet .deg240 {
  transform: rotate(240deg) translate(8em) rotate(-240deg);
  /*@include respond-to("600") {
            transform: rotate(240deg) translate(12em) rotate(-240deg);
        }*/
}

.alphabet .deg255 {
  transform: rotate(255deg) translate(8em) rotate(-255deg);
  /*@include respond-to("600") {
            transform: rotate(255deg) translate(12em) rotate(-255deg);
        } */
}

.alphabet .deg270 {
  transform: rotate(270deg) translate(8em) rotate(-270deg);
  /*@include respond-to("600") {
            transform: rotate(270deg) translate(12em) rotate(-270deg);
        }*/
}

.alphabet .deg285 {
  transform: rotate(285deg) translate(8em) rotate(-285deg);
  /*@include respond-to("600") {
            transform: rotate(285deg) translate(12em) rotate(-285deg);
        }*/
}

.alphabet .deg300 {
  transform: rotate(300deg) translate(8em) rotate(-300deg);
  /*@include respond-to("600") {
            transform: rotate(300deg) translate(12em) rotate(-300deg);
        }*/
}

.alphabet .deg315 {
  transform: rotate(315deg) translate(8em) rotate(-315deg);
  /*@include respond-to("600") {
            transform: rotate(315deg) translate(12em) rotate(-315deg);
        }*/
}

.alphabet .deg330 {
  transform: rotate(330deg) translate(8em) rotate(-330deg);
  /*@include respond-to("600") {
            transform: rotate(330deg) translate(12em) rotate(-330deg);
        }*/
}

.alphabet .deg345 {
  transform: rotate(345deg) translate(8em) rotate(-345deg);
  /*@include respond-to("600") {
            transform: rotate(345deg) translate(12em) rotate(-345deg);
        }*/
}

.alphabet .box-question {
  position: absolute;
  width: 100%;
  padding: 5em 4em;
  text-align: center;
}

@media (min-width: 600px) {
  .alphabet .box-question {
    padding: 5em 3em;
  }
}

.alphabet .question {
  position: relative;
  /*border: 1px solid #FFF;*/
  height: 8em;
  overflow: hidden;
  /*@include respond-to(small) {
            height: 12em;
        }*/
}

.alphabet .question .text-question {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.alphabet .question .text-question strong {
  display: inline-block;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.0625rem;
  text-decoration: underline;
  margin-bottom: 10px;
  color: #ffffff;
  /*@include respond-to(small) {
            @include font-size(20px);
        }*/
}

.alphabet .question .text-question p {
  font-weight: bold;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #ffffff;
  /*@include respond-to(small) {
            @include font-size(16px);
        }*/
}

.alphabet .blinking {
  animation-name: blinking;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: blinking;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinking {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@-webkit-keyframes blinking {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes blinking {
  0% {
    opacity: 1.0;
  }
  50% {
    opacity: 0.0;
  }
  100% {
    opacity: 1.0;
  }
}

/* FIN ALPHABET */
/* INI DIFFERENCES */
.differences .box-difference {
  position: relative;
  width: 300px;
  height: 180px;
  margin: 0 auto;
}

@media (min-width: 480px) {
  .differences .box-difference {
    width: 400px;
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference {
    width: 500px;
    height: 300px;
  }
}

.differences .box-difference .item-difference {
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: 2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-repeat: no-repeat;
  background-image: url("../img/games/differences/diferencias-original-1-300.jpg");
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference {
    width: 80px;
    height: 80px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference {
    background-image: url("../img/games/differences/diferencias-original-1-400.jpg");
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference {
    background-image: url("../img/games/differences/diferencias-original-1.jpg");
  }
}

.differences .box-difference .item-difference.correct {
  border: 4px solid #00d705;
}

.differences .box-difference .item-difference.differenced {
  background-image: url("../img/games/differences/diferencias-fake-1-300.jpg");
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.differenced {
    background-image: url("../img/games/differences/diferencias-fake-1-400.jpg");
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.differenced {
    background-image: url("../img/games/differences/diferencias-fake-1.jpg");
  }
}

.differences .box-difference .item-difference.one {
  top: 0;
  left: 0;
  background-position: 0 0;
}

.differences .box-difference .item-difference.two {
  top: 0;
  left: 60px;
  background-position: -60px 0;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.two {
    left: 80px;
    background-position: -80px 0;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.two {
    left: 100px;
    background-position: -100px 0;
  }
}

.differences .box-difference .item-difference.three {
  top: 0;
  left: 120px;
  background-position: -120px 0;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.three {
    left: 160px;
    background-position: -160px 0;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.three {
    left: 200px;
    background-position: -200px 0;
  }
}

.differences .box-difference .item-difference.four {
  top: 0;
  left: 180px;
  background-position: -180px 0;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.four {
    left: 240px;
    background-position: -240px 0;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.four {
    left: 300px;
    background-position: -300px 0;
  }
}

.differences .box-difference .item-difference.five {
  top: 0;
  left: 240px;
  background-position: -240px 0;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.five {
    left: 320px;
    background-position: -320px 0;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.five {
    left: 400px;
    background-position: -400px 0;
  }
}

.differences .box-difference .item-difference.six {
  top: 60px;
  left: 0;
  background-position: 0 -60px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.six {
    top: 80px;
    left: 0;
    background-position: 0 -80px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.six {
    top: 100px;
    left: 0;
    background-position: 0 -100px;
  }
}

.differences .box-difference .item-difference.seven {
  top: 60px;
  left: 60px;
  background-position: -60px -60px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.seven {
    top: 80px;
    left: 80px;
    background-position: -80px -80px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.seven {
    top: 100px;
    left: 100px;
    background-position: -100px -100px;
  }
}

.differences .box-difference .item-difference.eight {
  top: 60px;
  left: 120px;
  background-position: -120px -60px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.eight {
    top: 80px;
    left: 160px;
    background-position: -160px -80px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.eight {
    top: 100px;
    left: 200px;
    background-position: -200px -100px;
  }
}

.differences .box-difference .item-difference.nine {
  top: 60px;
  left: 180px;
  background-position: -180px -60px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.nine {
    top: 80px;
    left: 240px;
    background-position: -240px -80px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.nine {
    top: 100px;
    left: 300px;
    background-position: -300px -100px;
  }
}

.differences .box-difference .item-difference.ten {
  top: 60px;
  left: 240px;
  background-position: -240px -60px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.ten {
    top: 80px;
    left: 320px;
    background-position: -320px -80px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.ten {
    top: 100px;
    left: 400px;
    background-position: -400px -100px;
  }
}

.differences .box-difference .item-difference.eleven {
  top: 120px;
  left: 0;
  background-position: 0 -120px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.eleven {
    top: 160px;
    left: 0;
    background-position: 0 -160px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.eleven {
    top: 200px;
    left: 0;
    background-position: 0 -200px;
  }
}

.differences .box-difference .item-difference.twelve {
  top: 120px;
  left: 60px;
  background-position: -60px -120px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.twelve {
    top: 160px;
    left: 80px;
    background-position: -80px -160px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.twelve {
    top: 200px;
    left: 100px;
    background-position: -100px -200px;
  }
}

.differences .box-difference .item-difference.thirteen {
  top: 120px;
  left: 120px;
  background-position: -120px -120px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.thirteen {
    top: 160px;
    left: 160px;
    background-position: -160px -160px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.thirteen {
    top: 200px;
    left: 200px;
    background-position: -200px -200px;
  }
}

.differences .box-difference .item-difference.fourteen {
  top: 120px;
  left: 180px;
  background-position: -180px -120px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.fourteen {
    top: 160px;
    left: 240px;
    background-position: -240px -160px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.fourteen {
    top: 200px;
    left: 300px;
    background-position: -300px -200px;
  }
}

.differences .box-difference .item-difference.fifteen {
  top: 120px;
  left: 240px;
  background-position: -240px -120px;
}

@media (min-width: 480px) {
  .differences .box-difference .item-difference.fifteen {
    top: 160px;
    left: 320px;
    background-position: -320px -160px;
  }
}

@media (min-width: 1200px) {
  .differences .box-difference .item-difference.fifteen {
    top: 200px;
    left: 400px;
    background-position: -400px -200px;
  }
}

/* FIN DIFFERENCES */
/* INI SWEET ALERT 2*/
.sweet-alert {
  font-family: "Roboto", sans-serif !important;
  background: #ffffff !important;
  padding: 15px 30px !important;
}

.swal2-popup h2 {
  font-family: "Roboto Condensed", sans-serif !important;
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  color: #e74c3d !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 15px !important;
}

@media (min-width: 767px) {
  .swal2-popup h2 {
    font-size: 24px !important;
    font-size: 1.5rem !important;
  }
}

.swal2-popup p {
  font-family: "Roboto", sans-serif !important;
  color: #686767 !important;
  font-size: 16px !important;
  font-size: 1rem !important;
}

@media (min-width: 767px) {
  .swal2-popup p {
    font-size: 16px !important;
    font-size: 1rem !important;
  }
}

.swal2-popup button {
  font-family: "Roboto", sans-serif !important;
  color: #ffffff !important;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
  font-size: 16px !important;
  font-size: 1rem !important;
  border: 1px solid #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  outline: none !important;
  box-shadow: none !important;
}

@media (min-width: 767px) {
  .swal2-popup button {
    font-size: 18px !important;
    font-size: 1.125rem !important;
  }
}

.swal2-popup button:hover, .swal2-popup button:active, .swal2-popup button:focus {
  outline: none !important;
  box-shadow: none !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b24646+0,ca2e2e+48,d44040+51,f20c0c+100 */
  background: #e74c3d !important;
}

.swal2-popup button.cancel {
  color: #e74c3d !important;
  font-size: 22px !important;
  font-size: 1.375rem !important;
}

@media (min-width: 767px) {
  .swal2-popup button.cancel {
    font-size: 30px !important;
    font-size: 1.875rem !important;
  }
}

.swal2-popup input {
  font-family: "Roboto", sans-serif !important;
  background: #ffffff;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background-clip: padding-box;
}

.swal2-popup .sa-icon {
  display: none !important;
}

.swal2-popup .swal2-icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
}

.swal2-popup .swal2-icon.swal2-warning {
  color: #e74c3d;
  border-color: #e74c3d;
}

.swal2-popup .swal2-icon.swal2-warning, .swal2-popup .swal2-icon.swal2-info, .swal2-popup .swal2-icon.swal2-question {
  margin: 0.333333em auto 0.3 0.5em;
}

.swal2-popup .swal2-popup .swal2-styled.swal2-confirm {
  outline: none !important;
  box-shadow: none !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b24646+0,ca2e2e+48,d44040+51,f20c0c+100 */
  background-color: #e74c3d !important;
}

.swal2-popup .swal2-popup .swal2-styled.swal2-confirm:hover, .swal2-popup .swal2-popup .swal2-styled.swal2-confirm:active, .swal2-popup .swal2-popup .swal2-styled.swal2-confirm:focus {
  outline: none !important;
  box-shadow: none !important;
}

.swal2-popup .swal2-styled.swal2-confirm {
  background-color: #e74c3d !important;
  border: none !important;
}

/* FIN SWEET ALERT 2*/
/* INI LAYER COOKIES */
.layer-cookies {
  display: none;
  position: fixed;
  width: 90%;
  max-width: 380px;
  bottom: 30px;
  left: 5%;
  z-index: 10000;
  background: #ffffff;
  padding: 0px 30px 30px 30px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.34);
}

.layer-cookies div {
  width: 100%;
  position: relative;
  padding-top: 40px;
}

.layer-cookies div p {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0;
}

@media (min-width: 767px) {
  .layer-cookies div p {
    font-size: 16px;
    font-size: 1rem;
  }
}

.layer-cookies div .btn-primary {
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 767px) {
  .layer-cookies div .btn-primary {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

.layer-cookies .close-layer-cookies {
  position: absolute;
  top: 10px;
  right: -20px;
}

.layer-cookies .close-layer-cookies img {
  width: 28px;
  height: 28px;
}

/* FIN LAYER COOKIES */
/* INI POP UP */
.box-popup {
  position: fixed;
  display: inherit;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 12000;
  background-color: #ffffff;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}

.box-popup .cerrar {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 2;
}

.box-popup .close {
  opacity: 1;
}

@media (min-width: 767px) {
  .box-popup {
    background: rgba(0, 0, 0, 0.7);
  }
}

.contenido-popup {
  position: relative;
  width: 100%;
  padding: 0px;
  text-align: center;
  color: #686767;
  background-color: #ffffff;
}

.contenido-popup img {
  width: 100%;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
}

@media (min-width: 767px) {
  .contenido-popup img {
    -webkit-border-top-right-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-border-top-left-radius: 12px;
    border-top-left-radius: 12px;
    background-clip: padding-box;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    background-clip: padding-box;
  }
}

.contenido-popup .inside-popup {
  padding: 25px 0 0 0;
  text-align: left;
}

@media (min-width: 767px) {
  .contenido-popup .inside-popup {
    max-height: 400px;
    overflow: auto;
  }
}

@media (min-width: 992px) {
  .contenido-popup .inside-popup {
    padding: 35px 0 0 0;
  }
}

.contenido-popup .inside-popup h2 {
  text-align: center;
  color: #e74c3d;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .contenido-popup .inside-popup h2 {
    margin: 0 auto 10px auto;
  }
}

.contenido-popup .inside-popup strong {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .contenido-popup .inside-popup strong {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.contenido-popup .inside-popup h3 {
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  color: #e74c3d;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .contenido-popup .inside-popup h3 {
    margin: 0 auto 10px auto;
  }
}

.contenido-popup .inside-popup h3 span {
  display: inline-block;
}

.contenido-popup .inside-popup h3 img {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
}

.contenido-popup .inside-popup p {
  font-size: 16px;
  font-size: 1rem;
  margin: 10px auto 20px auto;
  font-family: "Avenir-Next-Bold", sans-serif;
  text-align: center;
}

.contenido-popup .btn-primary {
  float: none;
  display: block;
  max-width: 190px;
  margin: 0 auto 30px auto;
}

@media (min-width: 992px) {
  .contenido-popup .btn-primary {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .contenido-popup .btn-primary {
    margin-top: 10px;
  }
}

@media (min-width: 767px) {
  .contenido-popup {
    max-width: 400px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-clip: padding-box;
    margin: 10% auto 0 auto;
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  .contenido-popup {
    max-width: 500px;
  }
}

.contenido-popup.recordar-password {
  padding: 30px 50px;
}

.contenido-popup.recordar-password ul {
  max-width: 400px;
  margin: 0 auto;
}

/* FIN POP UP */
/* INI STICKY */
.fixed-progreso {
  position: fixed;
  top: 72px;
  left: 0;
  width: 100%;
  z-index: 1000;
}

@media (min-width: 992px) {
  .fixed-progreso {
    top: 90px;
  }
}

.fixed-progreso.progreso {
  margin-top: 0;
  padding: 15px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
}

.fixed-progreso.progreso .barra-progreso .marca-progreso .segundos-progreso {
  bottom: -20px;
}

/* FIN STICKY */
/* INI AVISO USUARIO */
.alert-dismissable .close, .alert-dismissible .close {
  text-decoration: none;
  font-size: 24px;
  font-size: 1.5rem;
}

/* FIN AVISO USUARIO */
/* INI ERROR PAGE */
.error-page {
  text-align: center;
  padding: 20px 15px 0 15px;
  margin-bottom: 0px;
}

@media (min-width: 767px) {
  .error-page {
    padding: 50px 15px;
    margin-bottom: 50px;
  }
}

.error-page h1 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .error-page h1 {
    font-size: 28px;
    font-size: 1.75rem;
    margin-bottom: 60px;
  }
}

.error-page h1 strong {
  display: block;
  font-size: 80px;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 767px) {
  .error-page h1 strong {
    font-size: 140px;
    font-size: 8.75rem;
  }
}

.error-page p {
  font-size: 16px;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .error-page p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/* FIN ERROR PAGE */
/* INI BREADCRUMBS */
.box-breadcrumb {
  background: #000000;
}

.box-breadcrumb .breadcrumb {
  background: transparent;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .box-breadcrumb .breadcrumb {
    padding-left: 0;
    padding-right: 0;
  }
}

.box-breadcrumb .breadcrumb li {
  text-transform: uppercase;
  color: #CCC;
}

.box-breadcrumb .breadcrumb li.active a {
  color: #CCC;
  cursor: default;
}

.box-breadcrumb .breadcrumb li.active a:hover {
  color: #CCC;
}

.box-breadcrumb .breadcrumb li a {
  color: #e74c3d;
  text-decoration: none;
}

.box-breadcrumb .breadcrumb li a:hover {
  color: rgba(231, 76, 61, 0.85);
}

/* FIN BREADCRUMBS */
/* INI SOPA */
.sopa {
  position: relative;
  /* Traidas desde sopa.inc.php */
  /*.pal1 {
        font-size: 17px; display: inline-block; margin: 0px 5px 5px 0px; padding: 6px 8px 6px 8px; background-color: #eee;font-family: Monospace; border-bottom: 2px solid #aaa;
    }*/
  /*
    .tapa {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        z-index: 10;
        background: rgba(238, 238, 238, 0.98);
        -webkit-border-radius: 12px;
        border-radius: 12px;
        background-clip: padding-box;
        background: rgba(246, 243, 240, 0.95);
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        z-index: 999;
    }
    */
  /*#boton_comenzar{
        width: 55%;
        padding: 155px 155px 155px 155px;
    }*/
}

.sopa .tapa {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}

.sopa #sopa {
  text-align: center;
  padding: 0px 20px 20px 20px;
}

.sopa #sopa h1 {
  color: #FF6600;
  font-size: 32px;
  margin: 10px 0px 30px 0px;
}

.sopa #sopa .botImp {
  background-color: #999;
  border-radius: 5px;
  font-size: 10px;
  padding: 4px 24px 4px 10px;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  /*background: #999 url(../g/ICOimpCh.gif) no-repeat right;*/
}

.sopa #papel {
  position: relative;
  width: 1px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.65) !important;
  border: 0px #999 solid;
  display: none;
  margin: 0px 0px 0px 0px;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  z-index: 0;
  cursor: crosshair;
}

.sopa #sopaPalabras {
  position: relative;
  float: right;
  width: 340px;
  height: 446px;
  padding: 0px 0px 0px 0px;
  margin-right: 0px;
  text-align: center;
  /*background-color: green;*/
}

.sopa .cuadro {
  position: absolute;
  text-align: center;
  color: #000000;
  /*background: #dddddd4a;*/
  background: transparent;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  line-height: 2.3;
  border: 0.5px solid rgba(255, 255, 255, 0.2);
}

.sopa .pal1 {
  position: relative;
  display: inline-block;
  margin: 8px;
  outline: none !important;
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  box-shadow: none !important;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff !important;
  background-color: #e74c3d !important;
  border: 3px solid transparent;
  line-height: 1.1;
  white-space: normal;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  box-shadow: none !important;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 40px;
  padding-right: 40px;
}

.sopa .pal1 span, .sopa .pal1 img {
  display: inline-block;
  vertical-align: middle;
}

.sopa .pal1:hover, .sopa .pal1:active {
  /*@include transform(scale($scale));*/
  box-shadow: none !important;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border: 3px solid transparent;
}

.sopa .pal1:focus {
  box-shadow: none !important;
  border: 3px solid transparent;
}

@media (min-width: 767px) {
  .sopa .pal1 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.sopa .pal1.btn-cancel {
  background: none !important;
  color: #ffffff !important;
}

.sopa .palOK {
  background-color: #10a817 !important;
  color: #ffffff !important;
  font-weight: 600;
}

.sopa .palNO {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(231, 76, 61, 0.5) !important;
}

.sopa .opciones-sopa {
  padding-top: 10px;
  text-align: center;
}

.sopa .opciones-sopa h2 {
  color: #ffffff;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.25rem;
}

@media (min-width: 767px) {
  .sopa .opciones-sopa h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

/* FIN SOPA */
/* INI BIENVENIDA */
.modal.modal-bienvenida .modal-body {
  padding: 0 15px;
}

.modal.modal-bienvenida .modal-dialog {
  background: url(../img/assets/generic/trama-seccion.jpg) no-repeat center center;
  background-size: cover;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  overflow: hidden;
}

.modal.modal-bienvenida .modal-content {
  background: rgba(255, 255, 255, 0.5);
}

.modal.modal-bienvenida .modal-footer .btn-primary {
  margin-top: 25px;
  font-family: "Avenir-Next-Bold", sans-serif;
  font-size: 16px;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .modal.modal-bienvenida .modal-footer .btn-primary {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.carousel-welcome .item a {
  text-decoration: none !important;
}

.carousel-welcome .item .cont-txt {
  position: relative;
  width: 100%;
  margin: 10px auto 0 auto;
  min-height: 150px;
}

@media (min-width: 767px) {
  .carousel-welcome .item .cont-txt {
    min-height: 120px;
    max-width: 90%;
  }
}

.carousel-welcome .item .text-carousel {
  position: absolute;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.carousel-welcome .item .text-carousel h2 {
  width: 100%;
  font-family: "Avenir-Next-Bold", sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 17px;
  font-size: 1.0625rem;
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .carousel-welcome .item .text-carousel h2 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}

@media (min-width: 767px) {
  .carousel-welcome .item .text-carousel h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.carousel-welcome .item .text-carousel p {
  font-family: "Roboto", sans-serif;
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
}

@media (min-width: 600px) {
  .carousel-welcome .item .text-carousel p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media (min-width: 767px) {
  .carousel-welcome .item .text-carousel p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}

.carousel-welcome .item img {
  margin: 0 auto;
}

.carousel-welcome .carousel-control .glyphicon-chevron-left, .carousel-welcome .carousel-control .glyphicon-chevron-right, .carousel-welcome .carousel-control .icon-next, .carousel-welcome .carousel-control .icon-prev {
  top: initial;
  bottom: 24%;
  color: #ffffff;
}

@media (min-width: 600px) {
  .carousel-welcome .carousel-control .glyphicon-chevron-left, .carousel-welcome .carousel-control .glyphicon-chevron-right, .carousel-welcome .carousel-control .icon-next, .carousel-welcome .carousel-control .icon-prev {
    bottom: 30%;
  }
}

@media (min-width: 767px) {
  .carousel-welcome .carousel-control .glyphicon-chevron-left, .carousel-welcome .carousel-control .glyphicon-chevron-right, .carousel-welcome .carousel-control .icon-next, .carousel-welcome .carousel-control .icon-prev {
    bottom: 30%;
  }
}

.carousel-welcome .carousel-control.right, .carousel-welcome .carousel-control.right:hover {
  background: none;
  /*  display: block;
       right: 0px;
       opacity: 1;
       background-image: -webkit-linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(255,255,255,1) 100%);
       background-image: -o-linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(255,255,255,1) 100%);
       background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(255,255,255,1) 100%);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80000000', GradientType=1);*/
}

.carousel-welcome .carousel-control.left, .carousel-welcome .carousel-control.left:hover {
  background: none;
  /* display: block;
       left: 0px;
       opacity: 1;
       background-image: -webkit-linear-gradient(to right,rgba(255,255,255,1) 0,rgba(0,0,0,.0001) 100%);
       background-image: -o-linear-gradient(to right,rgba(255,255,255,1) 0,rgba(0,0,0,.0001) 100%);
       background-image: linear-gradient(to right,rgba(255,255,255,1) 0,rgba(0,0,0,.0001) 100%);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80000000', GradientType=1);*/
}

.carousel-welcome .carousel-indicators {
  display: block;
  bottom: -30px;
}

.carousel-welcome .carousel-indicators li {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  margin: 0 3px;
  width: 12px;
  height: 12px;
}

.carousel-welcome .carousel-indicators li.active {
  background-color: #e74c3d;
  border-color: #e74c3d;
}

/* FIN BIENVENIDA */
/* INI PRIZES */
.header-prizes h2 {
  color: #ffffff;
  text-align: center;
  width: 100%;
  margin: 40px 0 20px 0;
}

.intro-ganadores {
  margin-top: 0px;
  text-align: center;
  color: #ffffff;
  padding-top: 40px;
}

.intro-ganadores h2 {
  color: #e74c3d;
  text-transform: uppercase;
}

.intro-ganadores p {
  margin: 0;
  padding: 30px;
  max-width: 100%;
}

@media (min-width: 767px) {
  .intro-ganadores {
    padding-top: 40px;
    border-top: 1px solid #DDD;
  }
}

.prizes {
  margin-top: 20px;
  margin-bottom: 20px;
}

.prizes .item-prize {
  float: none;
  width: 100%;
  max-width: 700px;
  margin: 0 auto 30px auto;
}

.prizes .item-prize h3 {
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Advent Pro", sans-serif;
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem;
  margin: 30px 0;
  text-align: center;
}

.prizes .item-prize .box-image-prize {
  position: relative;
  margin: 0 auto;
}

.prizes .item-prize .box-image-prize .image-prize {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 47%;
  width: 42%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  overflow: hidden;
}

.prizes .intro-ganadores {
  margin-top: 40px;
  text-align: center;
  color: #ffffff;
}

.prizes .intro-ganadores h2 {
  color: #e74c3d;
  text-transform: uppercase;
}

.prizes .intro-ganadores p {
  margin: 0;
  padding: 30px;
  max-width: 100%;
}

@media (min-width: 767px) {
  .prizes .intro-ganadores {
    padding-top: 40px;
    border-top: 1px solid #DDD;
  }
}

/* FIN PRIZES */
/* INI QUALIFICATION BATTLE */
.qualification {
  margin: 30px 0;
}

.qualification h2 {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 30px;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.qualification .box-qualification {
  width: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.15);
}

@media (min-width: 767px) {
  .qualification .box-qualification {
    padding: 15px;
  }
}

.qualification .answered-qualification {
  background: rgba(255, 255, 255, 0.4);
}

.qualification .answered-qualification .answered-table {
  float: right;
  width: auto;
  border-collapse: collapse;
  text-align: right;
  table-layout: auto;
}

.qualification .answered-qualification .answered-table td {
  text-align: right;
  padding: 15px;
  vertical-align: middle;
}

.qualification .answered-qualification .answered-table td.text-answered {
  font-size: 16px;
  font-size: 1rem;
  color: #ffffff;
}

@media (min-width: 767px) {
  .qualification .answered-qualification .answered-table td.text-answered {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.qualification .answered-qualification .answered-table td.number-answered {
  letter-spacing: 2px;
  font-size: 20px;
  font-size: 1.25rem;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
}

@media (min-width: 767px) {
  .qualification .answered-qualification .answered-table td.number-answered {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.qualification .answered-qualification .answered-table td.number-answered strong {
  font-weight: 700;
}

.qualification .answered-qualification .answered-table td.number-answered span {
  display: inline-block;
}

.qualification .list-qualification .qualification-table {
  width: 100%;
  border-collapse: collapse;
  background: #ffffff;
  table-layout: auto;
}

.qualification .list-qualification .qualification-table tr:hover {
  cursor: pointer;
}

.qualification .list-qualification .qualification-table tr:hover .question-list {
  background: #e74c3d;
}

.qualification .list-qualification .qualification-table tr:hover .question-list div {
  color: #ffffff;
  background: #e74c3d;
}

.qualification .list-qualification .qualification-table tr:hover .value-list {
  color: #ffffff;
  background: #e74c3d;
}

.qualification .list-qualification .qualification-table tr:hover .status-list {
  background: #e74c3d;
}

.qualification .list-qualification .qualification-table tr:hover .status-list .icon-qualification.unanswered {
  color: #e74c3d;
  background: #ffffff;
}

.qualification .list-qualification .qualification-table tr:nth-child(odd) td {
  background: rgba(179, 179, 179, 0.25);
}

.qualification .list-qualification .qualification-table tr:last-child td {
  border-bottom: none;
}

.qualification .list-qualification .qualification-table td {
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 15px;
  vertical-align: middle;
}

.qualification .list-qualification .qualification-table td.question-list {
  padding: 0;
  text-align: left;
}

.qualification .list-qualification .qualification-table td.question-list div {
  display: inline-block;
  width: 100%;
  padding: 15px;
  color: #686767;
  text-decoration: none;
}

@media (min-width: 767px) {
  .qualification .list-qualification .qualification-table td.question-list div {
    padding: 25px 15px;
  }
}

.qualification .list-qualification .qualification-table td.question-list div h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
}

@media (min-width: 767px) {
  .qualification .list-qualification .qualification-table td.question-list div h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.qualification .list-qualification .qualification-table td.value-list {
  padding-left: 5px;
  padding-right: 5px;
  width: 60px;
}

.qualification .list-qualification .qualification-table td.value-list strong {
  display: block;
  text-align: center;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.qualification .list-qualification .qualification-table td.value-list span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
}

.qualification .list-qualification .qualification-table td.status-list {
  width: 60px;
}

.qualification .list-qualification .qualification-table td.status-list .icon-qualification {
  color: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  width: 35px;
  height: 35px;
  font-size: 16px;
  font-size: 1rem;
}

.qualification .list-qualification .qualification-table td.status-list .icon-qualification span {
  line-height: 35px;
}

.qualification .list-qualification .qualification-table td.status-list .icon-qualification.answered {
  background: #42b72a;
}

.qualification .list-qualification .qualification-table td.status-list .icon-qualification.unanswered {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  background: #d9d9d9;
}

/* ini modal qualification battle */
.modal-qualification .modal-body {
  padding: 0;
}

@media (min-width: 767px) {
  .modal-qualification .modal-dialog {
    width: 500px;
  }
}

.modal-qualification .header-modal-qualification {
  padding: 15px;
  border-bottom: 1px solid rgba(217, 217, 217, 0.5);
  margin-bottom: 15px;
  background: rgba(217, 217, 217, 0.2);
}

.modal-qualification .header-modal-qualification h2 {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: #e74c3d;
  margin: 0;
  padding: 15px 15px 0px 15px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
}

@media (min-width: 767px) {
  .modal-qualification .header-modal-qualification h2 {
    padding: 15px;
    font-size: 18px;
    font-size: 1.125rem;
    text-align: left;
    width: 80%;
    float: left;
  }
}

.modal-qualification .header-modal-qualification .value-modal-qualification {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  margin: 0;
}

@media (min-width: 767px) {
  .modal-qualification .header-modal-qualification .value-modal-qualification {
    width: 18%;
    text-align: right;
    margin: 0;
    float: right;
  }
}

.modal-qualification .header-modal-qualification .value-modal-qualification div {
  display: inline-block;
  background: #e74c3d;
  color: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  line-height: 1;
  padding-top: 8px;
}

@media (min-width: 767px) {
  .modal-qualification .header-modal-qualification .value-modal-qualification div {
    padding-top: 14px;
    width: 70px;
    height: 70px;
  }
}

.modal-qualification .header-modal-qualification .value-modal-qualification div strong {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 767px) {
  .modal-qualification .header-modal-qualification .value-modal-qualification div strong {
    font-size: 32px;
    font-size: 2rem;
  }
}

.modal-qualification .header-modal-qualification .value-modal-qualification div span {
  display: block;
  position: relative;
  width: 100%;
  margin-top: -1px;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  font-size: 0.5625rem;
  line-height: 1;
}

@media (min-width: 767px) {
  .modal-qualification .header-modal-qualification .value-modal-qualification div span {
    font-size: 10px;
    font-size: 0.625rem;
  }
}

.modal-qualification .content-modal-qualification {
  margin-top: 20px;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .modal-qualification .content-modal-qualification {
    margin-bottom: 20px;
  }
}

.modal-qualification .content-modal-qualification .form-modal-qualification {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0 15px;
}

@media (min-width: 767px) {
  .modal-qualification .content-modal-qualification .form-modal-qualification {
    padding: 15px 15px 0 15px;
  }
}

.modal-qualification .content-modal-qualification .form-modal-qualification ul {
  display: inline-block;
  padding: 0 30px;
}

.modal-qualification .content-modal-qualification .form-modal-qualification ul li {
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 400px;
  margin: 4px 0;
  min-height: 30px;
}

@media (min-width: 767px) {
  .modal-qualification .content-modal-qualification .form-modal-qualification ul li {
    margin: 5px 0;
  }
}

.modal-qualification .content-modal-qualification .form-modal-qualification .checkbox, .modal-qualification .content-modal-qualification .form-modal-qualification .radio {
  display: inline-block;
  padding: 0;
  margin: 0;
}

.modal-qualification .content-modal-qualification .form-modal-qualification .checkbox label input[type=checkbox], .modal-qualification .content-modal-qualification .form-modal-qualification .checkbox label input[type=radio], .modal-qualification .content-modal-qualification .form-modal-qualification .radio label input[type=checkbox], .modal-qualification .content-modal-qualification .form-modal-qualification .radio label input[type=radio] {
  margin-top: 2px;
}

.modal-qualification .content-modal-qualification .form-modal-qualification .checkbox + .checkbox, .modal-qualification .content-modal-qualification .form-modal-qualification .radio + .radio {
  margin-top: 10px;
}

.modal-qualification .content-modal-qualification .form-modal-qualification label {
  display: inline-block;
  vertical-align: top;
  text-transform: none;
}

.modal-qualification .content-modal-qualification .form-modal-qualification .free-text-field {
  width: 100%;
  max-width: 300px;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 4px 0 16px;
}

@media (min-width: 767px) {
  .modal-qualification .content-modal-qualification .form-modal-qualification .free-text-field {
    width: 370px;
  }
}

.modal-qualification .btn-primary {
  font-size: 16px;
  font-size: 1rem;
}

/* fin modal qualification battle */
/* FIN QUALIFICATION BATTLE */
/* INI VIDEO CONTAINER */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* FIN VIDEO CONTAINER */
.warning {
    background-color: #e74c3d;
    padding: 20px;
}