@charset "utf-8";
@import 'MyFontsWebfontsKit.css';
/*#e2cb9a*/

.displayinstance.skin{
  z-index:6;
}
.displayinstance.counter{
  /*background:none;*/
}
.displayinstance.counter .libelle-counter,
.width-medium .displayinstance.counter .libelle-counter{
  top:49%;
  font-size:5vw;
}

span.br{ display:none; }

.displayinstance.counter .libelle-counter h2{
  /*font-family: 'SteinburgModernInlineBold';*/
  font-family: 'ProximaNovaA-Bold';
  text-transform:none;
  font-size:40%;
}
.zh .displayinstance.counter .libelle-counter h2{
  font-size:60%;
}
.displayinstance.counter .libelle-counter h3{
  font-family: 'ProximaNovaA-Bold';
  /*font-size:1.46vw;*/
  text-transform:uppercase;
  padding-top:1vw;
  /*font-size:3.6vw;*/
  font-size:60%;
}
.zh .displayinstance.counter .libelle-counter h3{
  font-size:40%;
}
.displayinstance.counter .data-counter,
.width-medium .displayinstance.counter .data-counter{
  top:auto;
  bottom:53%;
  font-family: 'ProximaNovaA-Bold';
  font-size:4vw;
  height:4.6vw; line-height:4.6vw;
}
.displayinstance.counter .data-counter u{
  text-decoration:none;
  display:inline-block;
  border-bottom:2px solid #fff;
  height:inherit; line-height:inherit;
}
.displayinstance.counter .data-counter b{
  display:inline-block;
  margin:0 2vw 0 0;
  height:inherit; line-height:inherit;
}
.displayinstance.counter .data-counter small{
  font-size:25%;
  display:inline-block;
  vertical-align:middle;
  margin:0 0.6vw 0 1vw;
  height:inherit; line-height:inherit;
}

.width-verysmall .displayinstance.counter .data-counter{
  top:inherit; font-size:inherit;
}

.AVANT .displayinstance.playbutton{ display:none; }
#balmain.app .AVANT .displayinstance.playbutton{ display:block; }

.playpausetoggle>div::before{
  top:0.5em;
  border-left: 2em solid #EFEFEF;
}

.playpausetoggle.pause>div::before,
.playpausetoggle.pause>div::after{
  top:0.75em;
}

#LogoBalmain{
  display:block; width:13%; padding-top:5.7%;
  position:absolute; top:0; left:2%;
  background:url("https://www.yuca.tv/webcast/client/balmain/21-01-2017/images/watermark.png") bottom left no-repeat;
  background-size:contain;
  box-sizing:border-box;
  z-index:10;
}
@media screen and (max-width:920px){
  #LogoBalmain{
    left:20px; width:120px; height:54px; padding:0;
  }
  /*.displayinstance.counter .data-counter,
  .width-medium .displayinstance.counter .data-counter{
    bottom:64%;
  }
  .displayinstance.counter .libelle-counter,
  .width-medium .displayinstance.counter .libelle-counter{
	top:38%;
  }*/
}
@media screen and (max-width:767px){
  /*.displayinstance.counter .libelle-counter{
    display:none;
  }
  .displayinstance.counter .data-counter,
  .width-small .displayinstance.counter .data-counter,
  .width-verysmall .displayinstance.counter .data-counter{
    top:auto;
    font-size:12vw;
  	height:13vw; line-height:13vw;
  }
  .displayinstance.counter .data-counter b{
    margin:0 4vw 0 0;
  }
  .displayinstance.counter .data-counter small{
    margin:0 2vw 0 3vw;
  }*/
  .displayinstance.counter .data-counter,
  .width-small .displayinstance.counter .data-counter,
  .width-medium .displayinstance.counter .data-counter,
  .width-verysmall .displayinstance.counter .data-counter{
    top:auto; bottom:51%;
    font-size:12vw;
  	height:13vw; line-height:13vw;
  }
  .displayinstance.counter .data-counter b{
    margin:0 4vw 0 0;
  }
  .displayinstance.counter .data-counter small{
    margin:0 2vw 0 3vw;
  }
  .displayinstance.counter .libelle-counter,
  .width-small .displayinstance.counter .libelle-counter,
  .width-medium .displayinstance.counter .libelle-counter,
  .width-verysmall .displayinstance.counter .libelle-counter{
    bottom:auto; top:52%;
    font-size:10vw;
  }
  span.br{ display:inline; }
  /*.displayinstance.counter .libelle-counter h2{
    font-size:6vw;
  }
  .displayinstance.counter .libelle-counter h3{
    font-size:6vw;
  }*/
}