@charset "UTF-8";

#carousel{position:relative;height:0;top:150px;margin:0 auto;z-index:10;line-height:1em;background:#999999;}
#carousel * {color:#333333;}
.carousel-slide-hidden{display: none;}
#carousel .carousel-marker {
    height:100px;line-height:1.5em;font-size: 16px;font-style: normal;font-weight: 400;font-family: Inter, sans-serif;
}
#carousel .carousel-slide  {
    border:0px solid #666666;
    height:300px;
    text-align:left;}
.loader{background:#666666;height:8px;width:0px;margin-top:10px;}

#videoHeader {aspect-ratio: 22/09;position:relative;overflow:hidden;}
#arrondi {position:absolute;bottom:-5px;heightx:80px;width:100%;}

@media screen and (min-width: 0px) and (max-width: 576px) {    
    #carousel{display: none;} 
}
@media screen and (min-width: 577px) and (max-width: 768px) {    
    #carousel{display: none;} 
}
@media screen and (min-width: 769px) and (max-width: 992px) {
    #carousel .carousel-marker {height:50px;font-size: 10px;}
    #carousel .carousel-slide  {height:150px;}
    .loader{height:4px;margin-top:2px;}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
    #carousel .carousel-marker {height:66px;font-size: 12px;}
    #carousel .carousel-slide  {height:200px;}
    .loader{height:6px;margin-top:5px;}

}