body{
	margin:0px;
	padding:0px;
	font-family:Verdana, sans-serif;
    overflow: hidden;
    
}

.container{
    display:inline-block;
	width: 1920px;
	height:300px;
    position: relative;
	border: 0px solid #454545;
    overflow: hidden;
    background-color: #1f1108;
    overflow: hidden;
}
#price1 {
    overflow: hidden;
    position: absolute;
    top: 161px;
	left: 47px;
    opacity: 1;
    z-index: 15;
    transform-origin: center;
}

#copy{
    overflow: hidden;
    position: absolute;
    left: 736px;
	top:26px;
    opacity: 1;
    z-index: 20;
}

#premiere{
    overflow: hidden;
    position: absolute;
    top: 260px;
    left: 769px;
    opacity: 1;
    z-index: 20;
}


#legal2{
    overflow: hidden;
    position: absolute;
    bottom: 20px;
	left:351px;
    opacity: 1;
    z-index: 14;
}

#legal3{
    overflow: hidden;
    position: absolute;
    bottom:5px;
	left:307px;
    opacity: 1;
    z-index: 20;
}

#logo{
    overflow: hidden;
    position: absolute;
    top:75px;
    left: 366px;
    opacity: 1;
    z-index: 20;
}

.logoimg {
  width: 295px;
  transform: scale(0.05); 
  display: block;
  opacity: 0;
  
}

.copyimg {
  transform: translateY(-25px);
  display: block;
  opacity: 0;
  width: 335px;
}

.premiereimg {
  transform: translateY(-25px);
  display: block;
  opacity: 0;
  width: 267px;
}

.ttimg {

  transform: scale(0.65) translateY(50px);
  display: block;
  opacity: 0;
  width: 285px;
}

.ctaimg {
  transform: scale(0.05);
  display: block;
  opacity: 0;
  width: 246px;
}

.priceimg1 {
  transform: translateY(200px);
  display: block;
  width: 177px;
}


#tt{
    overflow: hidden;
    position: absolute;
    top: 161px;
    left: 761px;
    opacity: 1;
    z-index: 2;
}

#bg {   
    position: absolute;
    top:0;
    left:0;
    opacity: 1;
    z-index: 1;
    transform-origin: top center;
    transform: scale(1.10) translateX(0px);
    height: 100%;
}

#cta{

    position: absolute;
    top:170px;
	left:383px;
    opacity: 1;
    z-index: 75;
    transform-origin: center;
}

#gradient{
    position: absolute;
    left: 145px;
    bottom: 0px;
    opacity: 1;
    z-index: 2;
    height: 100%;
}


.bannerClick {
    position: absolute;
    top: 0;
    left: 0;
    width:1920px;
	height:300px;
    z-index: 100;
    cursor: pointer;
}

.video-wrapper {
    position: absolute;
    top: 14px; 
    left: 1092px; 
    width: 485px;
    height: 273px;
    overflow: hidden;
    background: #000;
    cursor: pointer;
    z-index: 1000;
}

#player { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Overlay centrale: rettangolo 20% larghezza */
.overlay {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -49%);
    width: 60px; height: 60px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    display: flex; align-items: center; justify-content: center;
    border-radius: 25%;
    z-index: 1015;
    pointer-events: auto; 
}
.icon-main { font-size: 16px; margin-bottom: 2px; }

/* Bottoni di controllo */
.control-btn {
    position: absolute; background: none; border: none;
    color: white; cursor: pointer; z-index: 1020;
    padding: 0; text-shadow: 0px 0px 4px rgba(0,0,0,0.8);
    display: flex; align-items: center; justify-content: center;
    outline: none;
}

/* PLAY/PAUSA: Fisso e Identico (24x24px) */

.play-icon {
    font-size: 24px; /* Alza/abbassa questo per la grandezza */
    transform: translateX(1px); /* Sposta a destra/sinistra se non ti sembra centrato */
    line-height: 1;
}

/* REGOLA LA PAUSA (Sbarrette) */
.pause-icon {
    font-size: 32px; /* Di solito la pausa deve essere più piccola del play per sembrare uguale */
    transform: translateY(-1px); /* Sposta su/giù se serve */
    line-height: 1;
}

.play-pos {
    bottom: 10px;
    left: 10px;
    width: 32px; 
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* REGOLA IL PLAY (Triangolo) */


/* MUTE/UNMUTE: Alto a Destra */
.mute-pos {
    bottom: 12px; right: 12px;
    width: 48px; justify-content: flex-end;
    font-size: 20px; font-family: Verdana, sans-serif;
    font-weight: bold; text-transform: uppercase;
}