@font-face {
  font-family: 'maxirace';
  src: url('fonts/maxirace.eot?vqqql');
  src: url('fonts/maxirace.eot?vqqql#iefix') format('embedded-opentype'), url('fonts/maxirace.ttf?vqqql') format('truetype'), url('fonts/maxirace.woff?vqqql') format('woff'), url('fonts/maxirace.svg?vqqql#maxirace') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'maxirace' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-stopwatch:before {
  content: "\e952";
}
.icon-hesitation:before {
  content: "\e900";
}
.icon-sure:before {
  content: "\e901";
}
.icon-cross2:before {
  content: "\ea0f";
}
html {
  height: 100%;
}
body {
  overflow: hidden;
  width: 100%;
  background-color: #FFF;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}
.info {
  position: absolute;
  left: 3vw;
  top: 0.5vw;
}
.info h1 {
  font-size: 2vw;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 2vw;
}
.info__dossard {
  font-size: 1.2vw;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.5vw;
  margin-top: -1vw;
  display: block;
  color: #3b229e;
  position: absolute;
  top: 2.3vw;
  left: 42vw;
  white-space: nowrap;
}
.info__info {
  margin-top: -1.5vw;
  color: red;
  font-size: 0.7vw;
}
.logo {
  position: absolute;
  right: 1vw;
  top: 1vw;
}
.logo .maxi {
  position: absolute;
  right: 0;
  top: 0;
}
.logo .maxi img {
  width: 8vw;
}
.logo .key {
  position: absolute;
  right: 8.3vw;
  top: -0.2vw;
}
.logo .key img {
  width: 4vw;
}
#lightbox {
  background-color: #000000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1000;
  display: none
;
}
.runners {
  position: absolute;
  top: 6vw;
  left: 3vw;
}
.runners__bloc {
  background: #FFF;
  width: 15vw;
  height: 20vw;
  margin-right: 1vw;
  margin-bottom: 2.5vw;
  display: inline-block;
  position: relative;
  -webkit-box-shadow: 6px 1px 30px 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 6px 1px 30px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 6px 1px 30px 0px rgba(0, 0, 0, 0.14);
}
.runners__bloc.open {
  position: fixed;
  left: 0;
  right: 0;
  top: 3vw;
  margin: 0 auto;
  z-index: 2000;
  -webkit-transform: scale(2.1);
  -moz-transform: scale(2.1);
  -o-transform: scale(2.1);
  -ms-transform: scale(2.1);
  transform: scale(2.1);
  transform-origin: top center;
}
.runners__bloc.open .runners__lightclose {
  display: block;
}
.runners__lightclose {
  position: absolute;
  display: none;
  right: -0.5vw;
  top: -0.5vw;
  width: 1vw;
  height: 1vw;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #000;
  border: solid 1px #FFF;
  z-index: 3000;
  color: #FFF;
}
.runners__lightclose span {
  display: block;
  position: absolute;
  font-size: 0.5vw;
  top: 0.28vw;
  left: 0.25vw;
  cursor: pointer;
}
.runners__visual {
  height: 9vw;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
}
.runners__visual img {
  height: 9vw;
}
.runners__capture {
  width: 48%;
  position: absolute;
  left: 0;
  top: 0;
}
.runners__capture img {
  width: 100%;
}
.runners__info {
  position: absolute;
  top: 10vw;
  left: 0;
  right: 0;
}
.runners__cup {
  position: absolute;
  left: 0.3vw;
  top: 0;
  margin-right: 1vw;
  vertical-align: bottom;
}
.runners__cup img {
  width: 1.8vw;
}
.runners__participation {
  position: absolute;
  color: #bb7e00;
  font-weight: 800;
  top: -0.1vw;
  font-size: 0.8vw;
  left: 0.7vw;
}
.runners__text {
  display: block;
  vertical-align: top;
  position: absolute;
  left: 2.3vw;
  width: 10vw;
}
.runners__text.no-participate {
  left: 0.5vw;
  width: 12vw;
}
.runners__name {
  display: block;
  font-weight: 800;
  font-size: 0.85vw;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}
.runners__region {
  display: block;
  font-weight: 800;
  font-size: 0.7vw;
  line-height: 0.7vw;
  text-transform: uppercase;
  color: #545454;
}
.runners__bib {
  display: block;
  font-weight: 800;
  font-size: 0.7vw;
  line-height: 0.7vw;
  text-transform: uppercase;
  color: #ff0000;
}
.runners__confidence {
  font-weight: 800;
  text-transform: uppercase;
  color: #ff9600;
  text-align: center;
}
.runners__confidence--green {
  color: #3cd400;
}
.runners .icon-sure {
  font-size: 2vw;
  color: #3cd400;
  vertical-align: middle;
  padding-top: 0;
  margin-top: -0.05vw;
  margin-right: 0.2vw;
  display: block;
  float: left;
  white-space: nowrap;
}
.runners .icon-hesitation {
  font-size: 2vw;
  color: #ff9600;
  vertical-align: middle;
  padding-top: 0;
  margin-top: -0.05vw;
  margin-right: 0.2vw;
  display: block;
  float: left;
}
.runners__answer {
  position: absolute;
  left: 0.5vw;
  top: 12.5vw;
  right: 0;
  font-weight: 700;
  font-size: 0.7vw;
  text-transform: uppercase;
  color: #777;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.runners__answer .text {
  color: #3cd400;
  margin-top: 5px;
  display: inline-block;
}
.runners__answer .text.hesitation {
  color: #ff9600;
}
.runners__buttons {
  position: absolute;
  left: 0.5vw;
  top: 14.4vw;
  right: 0.5vw;
  text-align: center;
}
.runners__button {
  height: 2vw;
  width: 90%;
  margin: 0 auto 0.4vw;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.7vw;
  -webkit-box-shadow: 0 0 2vw 0px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 0 2vw 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 2vw 0px rgba(0, 0, 0, 0.14);
  position: relative;
  cursor: pointer;
}
.runners__button span {
  padding-top: 0.5vw;
  display: inline-block;
}
.runners__ok {
  background-color: #000;
  color: #FFF;
}
.runners__close {
  border-color: red;
  color: red;
}
.runners__close .time {
  position: absolute;
  top: 0.5vw;
  right: 1.7vw;
  padding-left: 0.5vw;
  font-size: 0.8vw;
  font-weight: 500;
}
.runners__close .time-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7vw;
  position: absolute;
  top: 0vw;
  right: 0.3vw;
  font-weight: 500;
}