@charset "utf-8";
/*#b39267*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

/*@font-face {
  font-family: sackersgothic;
  font-style: normal;
  font-weight: 400;
  src: url("https://www.yuca.tv/webcast/client/balmain/21-01-2017/fonts/sackersgothicstd-light-webfont.eot");
  src: url("https://www.yuca.tv/webcast/client/balmain/21-01-2017/fonts/sackersgothicstd-light-webfont.eot?#iefix") format("embedded-opentype"),
       url("https://www.yuca.tv/webcast/client/balmain/21-01-2017/fonts/sackersgothicstd-light-webfont.woff") format("woff"),
       url("https://www.yuca.tv/webcast/client/balmain/21-01-2017/fonts/sackersgothicstd-light-webfont.ttf") format("truetype"),
       url("https://www.yuca.tv/webcast/client/balmain/21-01-2017/fonts/sackersgothicstd-light-webfont.svg#sackers_gothic_stdregular") format("svg");
}*/

html{
  /*font-family:sackersgothic;*/
  /*font-family: bentonSansBook,Arial,sans-serif;*/
  font-family: Roboto,Arial,sans-serif;
  font-size:2vw;
  color:#000;
}
sup{
  font-size: 70%;
  vertical-align: super;
  line-height: 0;
}
/*.menu-skin, [aria-label]:after {
    font-family:sackersgothic;
}
.display_manager:before{
  content:"";
  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){
  .display_manager:before{
    left:20px; width:120px; height:54px; padding:0;
  }
}
.displayinstance{
  font-family:sackersgothic;
}*/
.displayinstance.title .title{
  display:none;
}
/*.PENDANT .displayinstance.title .title{
  display:block;
  width:100%;
  text-align:center;
}
.PENDANT .displayinstance.title:before{
  content:"LIVE FROM PARIS";
}
.displayinstance.playbutton{
  display:none;
}*/
.display_manager .displayinstance.playbutton{
  -webkit-transition:opacity 1s ease-out 0.1s;
  -moz-transition:opacity 1s ease-out 0.1s;
  -ms-transition:opacity 1s ease-out 0.1s;
  -o-transition:opacity 1s ease-out 0.1s;
  transition:opacity 1s ease-out 0.1s;
  
  position: absolute; z-index: 5;
  width:100%; height:100%;
  font-size:1.7vw;
  text-align:center;
}
.displayinstance.playbutton{
  opacity:1;
  background-color:rgba(0,0,0,0.6);
}
.playing .displayinstance.playbutton{
  opacity:0;
}
/*.paused .displayinstance.playbutton{
  opacity:1;
}*/
.displayinstance.playbutton:before,
.displayinstance.playbutton:after{
  text-align: center;
}
.displayinstance.playbutton:before{
  position: absolute; width: 100%;
  bottom: 52%; left:0;
  /*font-family:"Times New Roman",Times,serif;*/
  font-size:400%;
}
.displayinstance.playbutton:after{
  display:inline-block; width:auto;
  padding:1vw 0; margin-top:52vh;

  font-size:74%;
  line-height:120%;
  
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.playpausetoggle>div{
  display:none;
}
.displayinstance.counter,
.displayinstance.counter .data-counter,
.displayinstance.counter .libelle-counter{
  /*font-family:sackersgothic;*/
  /*font-family:"Times New Roman",Times,serif;*/
  font-size:1.4vw;/*1.7vw;*/
  font-weight:normal;
  /*font-variant:small-caps;*/
  color:#000;
}
/*.displayinstance.counter:before{
  content:"Balmain Men's Fall/Winter 2017 Show";
  display:block; width:100%;
  position:absolute; top:50%;
  margin-top:-3.5vw;
  font-size:100%; 
  text-align:center;
}*/
.displayinstance.counter .libelle-counter,
.width-small .displayinstance.counter .libelle-counter,
.width-verysmall .displayinstance.counter .libelle-counter,
.width-nano .displayinstance.counter .libelle-counter{
  top:50%; 
  margin-top:-1vw;
  font-size:100%;
  font-variant:inherit;
  font-weight:normal;
  text-transform:none;
}
.displayinstance.counter .libelle-counter h2{
  width:100%;
  position:absolute; top:-6.7vw;
  font-size:300%;
  text-align:center;
}
.displayinstance.counter .libelle-counter h3{
  font-size:96%;
  line-height:120%;
  font-weight:normal;
}
.displayinstance.counter .data-counter,
.width-small .displayinstance.counter .data-counter,
.width-verysmall .displayinstance.counter .data-counter,
.width-nano .displayinstance.counter .data-counter{
  top:50%;
  margin-top:6vw;
  font-size:260%;
  font-weight:normal;
}
.displayinstance.counter .data-counter .tc{
  position:relative;
  display:inline-block;
  padding-top:1vw;
  margin:0 1vw;
}
.displayinstance.counter .data-counter .tc:before{
  position:absolute; top:0; left:0; right:0;
  text-align:center;
  font-family: bentonSansBook,Arial,sans-serif;
  font-size:20%;
  font-weight:light;
}
.displayinstance.counter .data-counter .tc.days:before{
  content:"DAYS";
}
.displayinstance.counter .data-counter .tc.hours:before{
  content:"HOURS";
}
.displayinstance.counter .data-counter .tc.minutes:before{
  content:"MINUTES";
}
.displayinstance.counter .data-counter .tc.seconds:before{
  content:"SECONDS";
}

.AVANT .display_manager .displayinstance.playbutton{
  opacity:0;
}
.AVANT .displayinstance.counter{
  background:transparent;
}
.AVANT .displayinstance.counter, .displayinstance.counter .data-counter, .displayinstance.counter .libelle-counter{
  color:#000;
}