@charset "utf-8";

.fv5 .herobanner.FireballHeroBannerBG{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_HeroBanner_1900x623.jpg) no-repeat top center; height:510px; background-size:cover; margin:0 0}

.fv5 .FireballRevolBG{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_RevolutionBG.jpg) no-repeat left top; height:700px; margin-top:40px;}
.fv5 .FireballReadyforVerizon .bodyCenterContent .row.text-center{padding:54% 0 0;}
.fv5 .FireballReadyforVerizon{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_ReadyForBG.jpg) no-repeat top center; height:830px; margin:0 0;}
.fv5 .FireballReadyforVerizon h3 span{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_ReadyForBG.jpg) no-repeat center -50px;}

.fv5 .FireballCameraBG{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_CamerasBG.jpg) no-repeat top center; height:1007px; margin:0 0;}
.fv5 .FireballCameraBG h3 span{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_CamerasBG.jpg) no-repeat center -50px;}

.fv5 .FireballRevolBG .WidthandBG1{width:30%;}
.fv5 .FireballRevolBG .WidthandBG2{width:30%; margin-top: 36%;}
.fv5 .FireballRevolBG .WidthandBG3{width: 30%; float: right; margin-top: -14%;}



.fv5 .FireballCalloutBG{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_CalloutBG.jpg) no-repeat top center; height:1180px; margin:0 0;}

.fv5 .white-text{color:#FFF !important;}


/*TaBed KSP common css*/
.fv5 .ksp-tabs a:hover{ text-decoration:none}
.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title, .fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{transition:none}
.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a, .fv5 .section-container.auto > .section > .title a{font-size:0.85em}
.fv5 .ksp-tabs{margin:30px 0!important;}
.fv5 .ksp-tabs .content{margin:0; padding:25px 0!important; border-top:1px solid #c1c1c1; border-bottom:none!important;  border-left:none!important;  border-right:none!important;}
.fv5 .ksp-tabs .content h4{color:#000!important; font-size:26px!important; line-height:30px; padding:20px; padding-bottom:0}
.fv5 .ksp-tabs .content p{font-size:16px!important; padding:20px; padding-top:0}

@media only screen and (min-width: 50em) {
/*TABed KSP*/
.fv5 .ksp-tabs.FireballTabSprite .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_TabSprite.png) no-repeat;}

.fv5 .ksp-tabs .title-tabIcon{height:74px; width:111px; display:block; margin:20px auto 0 auto;}
.fv5 .ksp-tabs .title-tabIcon.icon1{background-position: 0 top !important;}
.fv5 .ksp-tabs .active .title-tabIcon.icon1{background-position: 0 bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon2{background-position: -111px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon2{background-position: -111px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon3{background-position: -222px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon3{background-position: -222px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon4{background-position: -333px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon4{background-position: -333px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon5{background-position: -444px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon5{background-position: -444px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon6{background-position: -555px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon6{background-position: -555px bottom !important;}

.fv5 .section-container.auto > section > .title:first-child{margin-left:1%}

.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title{border:4px solid #fff!important; border-bottom:none!important; background:url(/wcsstore/hpusstore/Treatment/smb_tabs-active-noarrow_200x24.jpg) no-repeat center bottom #eaeaea!important; width:163px; height:164px; padding:0!important; text-align:center;  transition:none}
.fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{background:url(/wcsstore/hpusstore/Treatment/smb_tabs-active-arrow_200x24.jpg) no-repeat center bottom #0098d7!important; color:#fff!important; transition:none}
.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a, .fv5 .section-container.auto > .section > .title a{color:#8f9092; padding-top:0;}
.fv5 .section-container > section.active > .title a, .fv5 .section-container > .section.active > .title a, .fv5 .section-container.auto > section.active > .title a, .fv5 .section-container.auto > .section.active > .title a{color:#fff;}
.fv5 .section-container.auto > section .content, .fv5 .section-container.auto > .section .content{top:-1px}
}

@media only screen and (max-width: 1000px) {


.fv5 .FireballRevolBG{background-size:cover;}
.fv5 .FireballReadyforVerizon .bodyCenterContent .row.text-center{margin:64% 0 0; padding:2%; background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;}

.fv5 .FireballRevolBG .WidthandBG1{width:50%; padding:3%; background:rgba(255,255,255,0.8);}
.fv5 .FireballRevolBG .WidthandBG2{width:50%; padding:3%; background:rgba(255,255,255,0.8); margin-top:0;}
.fv5 .FireballRevolBG .WidthandBG3{width:50%; padding:3%; background:rgba(255,255,255,0.8); float: left;  margin-top:0;}
}

@media only screen and (max-width:640px) {
.fv5 .ValrhonaBigBGimage{background:none;}
.fv5 .ValrhonaEngineeredForSmall{height:160px;}
.fv5 .FireballReadyforVerizon h3 span{background:none;}

.fv5 .FireballReadyforVerizon .bodyCenterContent .row.text-center{margin:68% 0 0; padding:2%; background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;}
.fv5 .FireballReadyforVerizon{background:url(/wcsstore/hpusstore/Treatment/MDP_Fireball_ReadyForBG.jpg) no-repeat top center; height:900px; margin:0 0;}

.fv5 .FireballRevolBG .WidthandBG1{width:90%;}
.fv5 .FireballRevolBG .WidthandBG2{width:90%;}
.fv5 .FireballRevolBG .WidthandBG3{width:90%;}
	}
