@charset "UTF-8";
/* CSS Document */
html, body{
    margin: 0;
    padding: 0;
   /* background: #000;*/
   /* -webkit-text-size-adjust: none;*/
    
    
}
.debug{
    position:absolute;
    z-index: 999999999;
    color:#fff;
    bottom:0;
    left:0;
    width:100%;
    height:auto;
    background: rgba(0,0,0,0.7);
    font-size: 12px;
}
.tb{
    position:absolute;
    font-size: 40px;
    z-index: 1000;
    color:blueviolet;
    top:50px;
    left:50px;
}
.hideIcon{
   /* display: none !important;*/
    visibility:hidden !important;
}
.unhideIcon{
    
    
}
.tst{
    position:absolute;
    z-index: 1000000;
    color:#fff;
    font-family: _bold;
    font-size: 1.56vw;
    top:5.20vw;
    left:5.20vw;
}
.uiContainer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	/*overflow: hidden;*/
	height: 100%;
	
    z-index: 5;
   
    
    
}
.containerMask{
     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 13%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 13%); 
}
.containerMask_ipad_{
     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 13%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 13%); 
}
.containerMask_ipad_v{
     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 5%,rgba(0,0,0,1) 8%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 5%,rgba(0,0,0,1) 7%); 
}
.containerMask_iph_{
     -webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 7%,rgba(0,0,0,1) 8%);
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0) 7%,rgba(0,0,0,1) 8%); 
}
.appBackground {
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1;
}
.mainBackgroundImage {
    
}
.mainContainer{
	position:absolute;
	top:0 !important;
	left:0;
    margin: 0;
    padding: 0;
    z-index: 0;
	overflow: hidden;
	/*height:100%;
    width:100%;*/
     touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    height: 100vh;
    width:100vw;
    background:#0C0C0C;
    
    
    
    
}


.appContainer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
  /* overflow-y: scroll;
    overflow-x: hidden;
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
	height:-webkit-fill-available;
    /*padding-bottom: 10.41vw;
    margin-bottom: 10.41vw;*/
    
    height:100%;
    z-index: 10;
    /*transition-delay: 100ms !important;*/
    /*opacity: 0;*/
}
.appScroller{
    position:absolute;
	top:0;
	left:0;
	width:100%;
   overflow-y: hidden;
    overflow-x: hidden;
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
	/*height:-webkit-fill-available;*/
    /*padding-bottom: 10.41vw;
    margin-bottom: 10.41vw;*/
    height:100vh;
    z-index: 10;
    
    
}
.appContainerV{
    /* will-change: transform;*/
	position:absolute;
	top:0;
	left:0;
	width:100vw;
    height:100vh;
     overflow:hidden;
    /*transform: perspective(5.20vw) translate3d(63.87vw,0,-2.12vw);*/
    transform: perspective(5.20vw) translate3d(32.875vw,0.01vw,-1.68vw);
   
    z-index: 10;
    /*
    transition-delay: 50ms !important;
    */

}
.appContainerTrigger{
     transition-delay: 5ms !important;
        transform: perspective(5.20vw) translate3d(32.87vw,0vw,-1.70vw)
}
.appContainerV_filler{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
    height:100vh;
     overflow:hidden;
    transform: perspective(5.20vw) translate3d(63.87vw,0,-2.12vw);
   
    z-index: 10;
    /*
    transition-delay: 50ms !important;
    */

}
.appContainerV_ipad_{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
    height:100vh;
     overflow:hidden;
    /*transform: perspective(5.20vw) translate3d(73.87vw,0,-1.12vw);*/
    transform: perspective(5.20vw) translate3d(76vw,0vw,-1.7vw);
    transform-origin: center center;
     transition-delay: 50ms !important;
    z-index: 10;
    /*
   
    */
   
}
.appContainerV_ipad_filler{
	position:absolute;
	top:0;
	left:0;
	width:100vw;
    height:100vh;
     overflow:hidden;
    /*transform: perspective(5.20vw) translate3d(73.87vw,0,-1.12vw);*/
    transform: perspective(5.20vw) translate3d(76vw,0vw,-1.7vw);
    transform-origin: center center;
    /* transition-delay: 50ms !important;*/
    z-index: 10;
    /*
   
    */
   
}
.appContainerV_iph_{
	position:absolute;
	top:0;
	left:0;
	width:100%;
    height:100%;
    overflow:hidden;
    /*transform: perspective(5.20vw) translate3d(92vw,-10.41vw,-4.12vw);*/
    transform: perspective(5.20vw) translate3d(107vw,0,-5.9vw);
    -webkit-transform: perspective(5.20vw) translate3d(107vw,0,-5.9vw);
    transform-style: preserve-3d;
    z-index: 10;

}
.appContainerV_iph_filler{
	position:absolute;
	top:0;
	left:0;
	width:100%;
    height:100%;
    overflow:hidden;
    /*transform: perspective(5.20vw) translate3d(92vw,-10.41vw,-4.12vw);*/
    transform: perspective(5.20vw) translate3d(107vw,0,-5.9vw);
    -webkit-transform: perspective(5.20vw) translate3d(107vw,0,-5.9vw);
    transform-style: preserve-3d;
    z-index: 10;

}
.appHolder{
    position:absolute;
	top:0;
	left:0;
	width:100vw;
    /*left:50%;
    margin-left: -45vw;*/
    overflow-y: scroll;
    overflow-x: hidden;
	scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	-webkit-user-select: none;
	height:100%;
    /*padding-bottom: 10.41vw;
    margin-bottom: 10.41vw;*/
    text-align: center;
    
}
.fire_appHolder{
   /* will-change: transform;*/
    /*transition-delay: 50ms !important;*/
    position:absolute;
	top:0;
	left:0;
	width:100%;
	/*height:100%;*/
    height: auto;
   /* translate3d(0px, 0px, 0px);*/
    z-index: 0;
    /*padding-bottom: 10.41vw;
    margin-bottom: 10.41vw;*/
   
    
}
.headerSeparation{
    position:relative;
    width:100%;
    height:7.03vw;
    z-index: 0;
  
}
.topSeparation{
    position: relative;
    width:100%;
    height:11vw;
    
}
.topSeparation_mob_{
    position: relative;
    width:100%;
    height:10vw;
    
}
.headerSeparationV{
    position:fixed;
    top:0;
    width: 100%;
    height: 7.03vw;
    z-index: 1000;
    opacity: 1;
    text-align: center;
    color: #fff;
    font-family: _medium;
    font-size: 2.08vw;
    line-height: 6.77vw;
    vertical-align: middle;
    /*background: rgba(0,0,0,0.85);*/
    
  
}
._mob_menuBurger{
        position: absolute;
    height: 100%;
    width: 6vw;
    left: 6vw;
    top: 0;
    background: url(/clientTest/src/common/images/header/ic_Menu.png) left center no-repeat;
    background-size: contain;
}
.menuBurger{
    position: absolute;
    height: 100%;
    width: 2.5vw;
    left: 6vw;
    top: 0;
    background: url(/clientTest/src/common/images/header/ic_Menu.png) left center no-repeat;
    background-size: contain;
}
.menuSearch_iph_{
    position: absolute;
    height: 100%;
    width: 6vw;
    right: 6vw;
    top: 0;
    background: url(/clientTest/src/common/images/header/ic_Search.png) left center no-repeat;
    background-size: contain;
}
.menuSearch_ipad_{
    position: absolute;
    height: 100%;
    width: 3vw;
    right: 6vw;
    top: 0;
    background: url(/clientTest/src/common/images/header/ic_Search.png) left center no-repeat;
    background-size: contain;
}


.topSeparationV{
    position: relative;
    width:100%;
    height:9vw;
    
}

.headerSeparationV_iph_{
    position:fixed;
    transform: translate3d(0,0,0);
    width: 100%;
    height: 14vw;
    /* margin-bottom: 3.125vw; */
    top: 0;
    z-index: 1000;
    opacity: 1;
    text-align: center;
    color: #fff;
    font-family: _light;
    font-size: 5vw;
    letter-spacing: 0.7vw;
    line-height: 14vw;
    vertical-align: bottom;
    /*background: rgba(0,0,0,0.75);*/
  
}
.topSeparationV_iph_{
    position: relative;
    width:100%;
    height:14vw;
    
    
}

.selectPane{
   /* will-change: transform;*/
    transition-delay: transform 100ms;
    -webkit-transform: perspective(5.20vw) translate3d(0,0,0);
    transform: perspective(5.20vw) translate3d(0,0,0);
    transform-style: preserve-3d;
    z-index: 1000;
    
    
   
   
}
.fillerA{
   /* background: url("/opUi/clients/tigo/img/fillerPlateB.png") top left no-repeat;
    background-size: contain;*/
    background: #6F3233;
    box-shadow: 1vw 1vw 10vw 10vw rgba(0,0,0,0.5);
    transform: perspective(5.2vw) translate3d(92vw, 0, -9vw);
    visibility:hidden;
    z-index: 0;
}
.fillerA_ipad{
   /* background: url(/opUi/clients/tigo/img/fillerPlateB.png) top left no-repeat;
    background-size: contain;*/
    background: #6F3233;
    box-shadow: -1vw 0.2vw 3.8vw 0.1vw rgba(0,0,0,0.8);
    transform: perspective(5.2vw) translate3d(70vw, 0vw, -3.7vw);
     visibility: hidden; 
    z-index: 0;
    
}
.fillerA_fire{
   /* background: url(/opUi/clients/tigo/img/fillerPlateB.png) top left no-repeat;
    background-size: contain;*/
    background: #6F3233;
    box-shadow: -1vw 0.2vw 3.8vw 0.1vw rgba(0,0,0,0.8);
    /*transform: perspective(5.2vw) translate3d(59.5vw, 0vw, -3.7vw);*/
    transform: perspective(5.2vw) translate3d(21.5vw, 0vw, -3.7vw);
     visibility: hidden; 
    z-index: 0;
    
}
.fillerB{
    /*background: url("/opUi/clients/tigo/img/fillerPlateA.png") top left no-repeat;
    background-size: contain;*/
    background: #6F3233;
    box-shadow: 1vw 1vw 10vw 10vw rgba(0,0,0,0.5);
     transform: perspective(5.2vw) translate3d(103vw, 0, -7.7vw);
    visibility:hidden;
    z-index: 1;
}
.fillerB_ipad{
    /*background: url(/opUi/clients/tigo/img/fillerPlateA.png) top left no-repeat;
    background-size: contain;*/
    background: #6F3233;
    box-shadow: -0.7vw 0.2vw 3.5vw 1vw rgba(0,0,0,0.9);
    /*transform: perspective(5.20vw) translate3d(72vw,0,-2.12vw);*/
    transform: perspective(5.20vw) translate3d(73vw,0,-2.5vw);
     visibility: hidden; 
    z-index: 1;
}
.fillerB_fire{
    /*background: url(/opUi/clients/tigo/img/fillerPlateA.png) top left no-repeat;
    background-size: contain;*/
    background: #6F3233;
    box-shadow: -0.7vw 0.2vw 3.5vw 1vw rgba(0,0,0,0.9);
    /*transform: perspective(5.20vw) translate3d(72vw,0,-2.12vw);*/
    /*transform: perspective(5.20vw) translate3d(62.1vw,0,-3vw);*/
    transform: perspective(5.20vw) translate3d(27.1vw,0,-3vw);
     visibility: hidden; 
    z-index: 1;
}
.fillerC{
    box-shadow: 1vw 1vw 10vw 10vw rgba(0,0,0,0.5);
     transform: perspective(5.20vw) translate3d(107vw,-0,-6vw);
    background:#000;
    z-index: 2;
}

.fillerC_ipad{
    box-shadow: 0vw 0vw 3.2vw 1.2vw rgba(0,0,0,0.8);
   /* transform: perspective(5.20vw) translate3d(73.87vw,0,-1.12vw);*/
    perspective(5.20vw) translate3d(76vw,0,-1.7vw);
    background:#000;
    z-index: 8;
}

.fillerC_fire{
    box-shadow: 0vw 0vw 3.2vw 1.2vw rgba(0,0,0,0.8);
   /* transform: perspective(5.20vw) translate3d(73.87vw,0,-1.12vw);
    perspective(5.20vw) translate3d(76vw,0,-1.7vw);*/
    transform: perspective(5.20vw) translate3d(32.87vw,0,-1.7vw);
    background:#000;
    z-index: 8;
}

.innerfillB{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url("/clientTest/src/common/images/filler/filler1.png") top left no-repeat;
    background-size: contain;
     
}

.innerfillA{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url("/clientTest/src/common/images/filler/filler2.png") top left no-repeat;
    background-size: contain;
}

.fillerPlateA{
    position:absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity: 0.6;
}
.fillerPlateB{
    position:absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity: 0.5;
}


/*  . video .  */
.fsVideoContainer{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 100000;
	background: #000;
	display:none;
	text-align: center;
}
.fsVideoContainer_mob_x{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    background: #000;
    display: none;
    text-align: center;
}
.vidNavContainer{
	position: absolute;
	z-index: 1000;
	width:100%;
	height:100%;
	text-align: center;
}
.vidTopInfoContainer{
	position: relative;
	width:100%;
	height:80px;
	/*background:url( "../../common/images/video/videoTop.png") top center no-repeat;*/
	display:flex;
	justify-content: center;
	    margin-left: auto;
    margin-right: auto;
}
.vidCloseBut{
	width:100px;
	height:80px;
	position: relative;
	background: url(/clientTest/src/common/images/video/closeButton.png) center center no-repeat;
	
	
}
.vidTitleContainer{
	height:80px;
	position: relative;
	flex:1;
	/*background: rgba(42,178,81,0.5);*/
	
}


.centerNavContainer{
	white-space: nowrap;
	position: relative;
	width: 100%;
	height:calc(100% - 161px);
}
.vidRw{
	display: inline-block;
	height:100%;
	width: 92px;
	background: url(/clientTest/src/common/images/video/rewIcon.png) center center no-repeat;
	background-size: 92px 92px;
}
.vidPlay{
	display: inline-block;
	height:100%;
	width: 92px;
	background: url(/clientTest/src/common/images/video/playpauseIcon.png) center center no-repeat;
	background-size: 92px 92px;
	margin-left: 84px;
	margin-right: 84px;
}
.vidFf{
	display: inline-block;
	height:100%;
	width: 92px;
	background: url(/clientTest/src/common/images/video/ffIcon.png) center center no-repeat;
	background-size: 92px 92px;
}
.vidNavBottomContainer{
	/*white-space: nowrap;*/
	position: relative;
	width:100%;
	height:81px;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 10%,rgba(0,0,0,1) 100%);
	display: flex;
  	justify-content: center;
	    margin-left: auto;
    margin-right: auto;
	
}
.vidNavCastTv{
	/*display: inline-block;*/
	height:81px;
	width:81px;
	background: url(/clientTest/src/common/images/video/castTv.png) top left no-repeat;
	background-size: 81px 81px;
}
.vidNavScrubContainer{
	/*display: inline-block;*/
	height:81px;
	flex:1
	
}
.vidNavFullScr{
	/*display: inline-block;*/
	height:81px;
	width:81px;
	background: url(/clientTest/src/common/images/video/fullScreen.png) top right no-repeat;
	background-size: 81px 81px;
}

.fullNavBar{
	top:43px;
	height:3px;
	width:90%;
	position: relative;
	margin: 0 auto;
	background:#d1d1d1;
	
	
	
}
.fullNavTimeL{
	position:absolute;
	font-size: 18px;
	left:32px;
	top:17px;
	
}
.fullNavTimeR{
	position:absolute;
	font-size: 18px;
	right:32px;
	top:17px;
	
}
.onNowBar {
	position: absolute;
	height: 100%;
	background: #35FFA7;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 1;
}
.controlPlayLineCircle {
    position: absolute;
    z-index: 3;
    height: 20px;
    width: 20px;
    right: 0%;
    opacity: 1;
    background-color: #FFF;
    border-radius: 100%;
    top: -8px;
}
.playLoadingBig{
    position: absolute;
    /* right: 0px; */
    width: 40%;
    left: 30%;
    height: 41%;
    top: 30%;
    z-index: 10;
    opacity: 1;
    background: url(/clientTest/src/common/images/video/play_loading.png) center center no-repeat;
    background-size: contain;
}
.lockTransform{
    transform: translate3d(0,0,0) !important;
}
.p0{
    transition-property: transform;
    transition-delay: transform 10ms;
    
    
}

.p1{
    transition-property: transform;
    transition-delay: transform 10ms;
  
}

.p2{
     transition-property: transform;
    transition-delay: transform 10ms;
     
}
.p3{
     transition-property: transform;
    transition-delay: transform 10ms;
    
    
}
.p4{
     transition-property: transform;
    transition-delay: transform 10ms;
    
}


.paneShadow{
-webkit-box-shadow: -28px 0px 29px -8px rgba(0,0,0,0.62);
-moz-box-shadow: -28px 0px 29px -8px rgba(0,0,0,0.62);
box-shadow: -28px 0px 29px -8px rgba(0,0,0,0.62);
}
.willMove{
    will-change: transform, contents;
}
.verticalSelect{
    transform: perspective(5.2vw) translate3d(0, 0,0)!important;
}
.appPlate{
    position: absolute;
    z-index: -1;
    width:100%;
    height:100%;
}
.appBk{
    position: absolute;
    z-index: -2;
    width:100%;
    height:100%;
    opacity: 0;
    display:none;
}
.appBkOn{
    opacity:1;
    display:block
}
.appPlateColor{
    background: #000000;
}

.videoFs_iPad_{
    width: 100% !important;
    /*width: 100%;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    position: absolute;
    */
}
.videoNoWidth{
    width: unset !important;
    transform: unset !important;
    left:0 !important;
}
.videoFS{
    z-index: 10;
    height: 100%;
}
.contentOut{
    transform: translate3d(0,28.5vw,0);
}
.bkPlateBottomMenuOut{
    top:39vw;
}