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

.display_manager .displayinstance.patch iframe{
	height: 100%;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.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:uppercase;
  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; }

.displayinstance.title{
	height: 20%;
	padding: 0;
}
.displayinstance.title .title{
	display: inline-block;
    padding-top: 1.54%;
    font-size: 2.7vw;
    margin-left: 17%;
}
#balmain .displayinstance.title .title{
  	margin-left: 2%;
}


/*
.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:url("https://www.yuca.tv/webcast/client/balmain/logoBalmain2019.png") bottom left no-repeat;
  background-size:contain;
  box-sizing:border-box;
  z-index:10;
}
.avant #LogoBalmain,
.AVANT #LogoBalmain{
  display:none;
}

@media screen and (max-width:920px){
  #LogoBalmain{
    left:20px; width:120px; height:54px; padding:0;
  }
  .displayinstance.title .title{
    padding-top: 17px;
    font-size: 25px;
    margin-left: 156px;
  }
  /*.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;
  }*/
}